Sunset Horizon

Warm orange-to-pink gradient inspired by golden hour skies. Perfect for hero sections, CTAs, and backgrounds that need warmth and energy.

warmenergeticboldcreativefoodtravel

Gradient Preview

Start#F97316

Mid#EC4899

End#8B5CF6

Angle135deg

Export Snippets

Switch formats without compressing the preview layout.

AI Prompt

Natural-language design direction for AI coding tools.

Use a sunset horizon gradient flowing from warm orange (#F97316) through vibrant pink (#EC4899) to soft purple (#8B5CF6) at a 135-degree angle. Apply this gradient to hero section backgrounds, CTA buttons, and decorative elements. For text gradients, use the same colors with bg-clip-text. On dark backgrounds, reduce opacity to 10-15% for subtle background washes. This gradient conveys warmth, creativity, and bold energy.

Gradient

Sunset Horizon

Warm orange-to-pink gradient inspired by golden hour skies. Perfect for hero sections, CTAs, and backgrounds that need warmth and energy.

warmenergeticboldcreativefoodtravel

Gradient Preview

Start#F97316

Mid#EC4899

End#8B5CF6

Angle135deg

Export Snippets

Copy or download the current format while keeping the preview in view.

AI Prompt

Natural-language design direction for AI coding tools.

Use a sunset horizon gradient flowing from warm orange (#F97316) through vibrant pink (#EC4899) to soft purple (#8B5CF6) at a 135-degree angle. Apply this gradient to hero section backgrounds, CTA buttons, and decorative elements. For text gradients, use the same colors with bg-clip-text. On dark backgrounds, reduce opacity to 10-15% for subtle background washes. This gradient conveys warmth, creativity, and bold energy.

Back to Explore

Gradient

4 export formats

Sunset Horizon

Warm orange-to-pink gradient inspired by golden hour skies. Perfect for hero sections, CTAs, and backgrounds that need warmth and energy.

warmenergeticboldcreativefoodtravel

Gradient Preview

Start#F97316

Mid#EC4899

End#8B5CF6

Angle135deg

Export Snippets

Switch formats without compressing the preview layout.

AI Prompt

Natural-language design direction for AI coding tools.

Use a sunset horizon gradient flowing from warm orange (#F97316) through vibrant pink (#EC4899) to soft purple (#8B5CF6) at a 135-degree angle. Apply this gradient to hero section backgrounds, CTA buttons, and decorative elements. For text gradients, use the same colors with bg-clip-text. On dark backgrounds, reduce opacity to 10-15% for subtle background washes. This gradient conveys warmth, creativity, and bold energy.

Gradient

Sunset Horizon

Warm orange-to-pink gradient inspired by golden hour skies. Perfect for hero sections, CTAs, and backgrounds that need warmth and energy.

warmenergeticboldcreativefoodtravel

Gradient Preview

Start#F97316

Mid#EC4899

End#8B5CF6

Angle135deg

Export Snippets

Copy or download the current format while keeping the preview in view.

AI Prompt

Natural-language design direction for AI coding tools.

Use a sunset horizon gradient flowing from warm orange (#F97316) through vibrant pink (#EC4899) to soft purple (#8B5CF6) at a 135-degree angle. Apply this gradient to hero section backgrounds, CTA buttons, and decorative elements. For text gradients, use the same colors with bg-clip-text. On dark backgrounds, reduce opacity to 10-15% for subtle background washes. This gradient conveys warmth, creativity, and bold energy.