Back to palettes

Palette

Golden Hour Reflection

A gradient of warm, glowing oranges and reds, capturing the magical light of golden hour.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Golden Hour Reflection reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Golden Hour Reflection.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#F7D08A#F5B070#F08E58#E36A4D#CC4B40

Palette guide

How to use Golden Hour Reflection

Overview

The Golden Hour Reflection palette captures the magical, glowing light of a sunset, offering a smooth gradient of warm oranges and reds. This scheme features a bright gold #F7D08A, inviting orange #F5B070, rich coral #F08E58, deep terracotta #E36A4D, and a striking burnt red #CC4B40. Designers can leverage this palette to create vibrant, energetic, yet sophisticated visuals that evoke natural beauty and intense warmth. It's particularly effective for projects requiring a sense of drama, passion, and the captivating allure of twilight. The progression of hues ensures a fluid visual experience.

Best used for

  • High-end event branding and invitations
  • Digital art and illustration with a fiery theme
  • Fashion and beauty editorial content
  • Food photography and packaging for gourmet items
  • Warm and inviting app interfaces or web themes
  • Sunset-themed product lines or campaigns

Suggested color roles

primary

Use #F5B070 as the main color for interactive elements or large sections, providing a welcoming and warm base.

secondary

Apply #F08E58 for sub-sections, secondary buttons, or to add depth and transition from the primary tone.

accent

Reserve #CC4B40 for impactful call-to-actions, crucial alerts, or as a powerful, dramatic focal point.

background

Employ #F7D08A as a light, radiant background to allow the deeper tones to stand out vibrantly.

text

For clear readability on #F7D08A, use a dark charcoal. For contrast on darker shades like #CC4B40, use a crisp white.

Accessibility notes

  • Ensure sufficient contrast when using #F7D08A as a background with text colors from the palette; dark text is often necessary.
  • The contrast between #CC4B40 and #F7D08A is strong and generally accessible for large text.
  • Differentiating between the closely related orange/red shades (#F08E58, #E36A4D, #CC4B40) might be challenging for some users; use them strategically.
  • Avoid using light text on mid-range colors like #F5B070 without careful contrast checking.

Recommended combinations

Fiery Gradient

Creates a dynamic, flowing visual; ideal for backgrounds or header elements.

#F7D08A · #F08E58 · #CC4B40

Warm Accent

Provides depth and a strong focal point; suitable for buttons or interactive components.

#F5B070 · #E36A4D · #CC4B40

Soft Reflection

Offers a gentle, inviting feel; perfect for subtle branding or informational sections.

#F7D08A · #F5B070 · #F08E58

CSS variables

:root {
  --golden-hour-reflection-1: #F7D08A;
  --golden-hour-reflection-2: #F5B070;
  --golden-hour-reflection-3: #F08E58;
  --golden-hour-reflection-4: #E36A4D;
  --golden-hour-reflection-5: #CC4B40;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour-reflection": {
        1: "#F7D08A",
        2: "#F5B070",
        3: "#F08E58",
        4: "#E36A4D",
        5: "#CC4B40",
      }
    }
  }
}

Related searches

golden hour gradientwarm sunset colorsglowing orange palettevibrant red-orange schememagical light design

Palette colors

Hex values

Color 1#F7D08A
·
Color 2#F5B070
·
Color 3#F08E58
·
Color 4#E36A4D
·
Color 5#CC4B40
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
2.2:1Fail
3.1:1AA18
2
1.3:1Fail
1.3:1Fail
1.8:1Fail
2.4:1Fail
3
1.6:1Fail
1.3:1Fail
1.4:1Fail
1.9:1Fail
4
2.2:1Fail
1.8:1Fail
1.4:1Fail
1.4:1Fail
5
3.1:1AA18
2.4:1Fail
1.9:1Fail
1.4:1Fail

Similar palettes

More like Golden Hour Reflection

View all warm
Golden Hour Hues
Amber Sundown Glow
Golden Hour Fields
Golden Hour Glow
Golden Hour Horizon
Golden Hour Meadow