Back to palettes

Palette

Afternoon Sun Kiss

The soft, warm, and radiant glow of the sun just before it dips below the horizon.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Afternoon Sun Kiss 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 Afternoon Sun Kiss.

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

Data visualization

#FFD700#FFC125#FFA07A#FFB90F#FF8C00

Palette guide

How to use Afternoon Sun Kiss

Overview

The Afternoon Sun Kiss palette captures the soft, warm, and radiant glow of the sun just before it dips below the horizon. This vibrant warm collection features a brilliant gold #FFD700, a rich golden yellow #FFC125, a soft coral #FFA07A, a deep amber #FFB90F, and a striking orange #FF8C00. It's perfect for designers aiming to convey warmth, joy, and a luxurious feel. Developers will find these radiant hex codes excellent for creating inviting interfaces, energetic branding, and content that evokes happiness and golden hour beauty.

Best used for

  • Summer lifestyle brands
  • Luxury product packaging
  • Beauty and cosmetics marketing
  • Food and beverage advertisements
  • Event invitations (weddings, parties)
  • Travel agency promotions (sunny destinations)

Suggested color roles

primary

Use #FFD700 as a radiant primary for main calls to action or key headings, symbolizing pure gold.

secondary

Employ #FFC125 for supporting elements or backgrounds, providing a softer, warm glow.

accent

Apply #FF8C00 sparingly for impactful highlights or crucial interactive elements, adding deep intensity.

background

A light cream or very pale yellow (e.g., #FFFBEB) would provide a soft, warm canvas for these colors.

text

A deep brown or black (#333333) works well on #FFD700, while white text is ideal on #FF8C00 for contrast.

Accessibility notes

  • Ensure sufficient contrast for text on any of these warm colors; dark text (black/dark brown) is often required.
  • Avoid using light text on #FFD700, #FFC125, or #FFB90F as contrast will likely be insufficient.
  • White text on #FF8C00 should meet WCAG AA contrast standards.
  • For interactive elements, ensure distinct visual cues beyond color, as many of these shades are close in value.

Recommended combinations

Golden Hour

For gradients or hero banners, mimicking the sun's radiant descent.

#FFD700 · #FFC125 · #FFB90F

Sunset Glow

Ideal for calls to action or sections needing intense warmth and energy.

#FFA07A · #FFB90F · #FF8C00

Warm Radiance

Effective for branding elements, combining bright gold with deeper orange tones.

#FFD700 · #FFA07A · #FF8C00

CSS variables

:root {
  --afternoon-sun-kiss-1: #FFD700;
  --afternoon-sun-kiss-2: #FFC125;
  --afternoon-sun-kiss-3: #FFA07A;
  --afternoon-sun-kiss-4: #FFB90F;
  --afternoon-sun-kiss-5: #FF8C00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "afternoon-sun-kiss": {
        1: "#FFD700",
        2: "#FFC125",
        3: "#FFA07A",
        4: "#FFB90F",
        5: "#FF8C00",
      }
    }
  }
}

Related searches

golden hour color palettesunset orange yellowwarm radiant huesbright summer colorsluxurious gold palette

Palette colors

Hex values

Color 1#FFD700
·
Color 2#FFC125
·
Color 3#FFA07A
·
Color 4#FFB90F
·
Color 5#FF8C00
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.4:1Fail
1.2:1Fail
1.7:1Fail
2
1.2:1Fail
1.2:1Fail
1.1:1Fail
1.4:1Fail
3
1.4:1Fail
1.2:1Fail
1.2:1Fail
1.2:1Fail
4
1.2:1Fail
1.1:1Fail
1.2:1Fail
1.4:1Fail
5
1.7:1Fail
1.4:1Fail
1.2:1Fail
1.4:1Fail

Similar palettes

More like Afternoon Sun Kiss

View all warm
Golden Hour Glow
Radiant Solstice Hues
Dusk Radiance Warmth
Golden Bake House
Amber Hearth Glow
Autumn Hearth Comfort