Palette

Sunset Apricot Radiance

Bathed in the soft, glowing light of a tranquil sunset, painting the sky with apricot hues.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunset Apricot Radiance 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 Sunset Apricot Radiance.

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

Data visualization

#FFA07A#FFD700#F0E68C#CD853F#FFFACD

Palette guide

How to use Sunset Apricot Radiance

Overview

The "Sunset Apricot Radiance" palette evokes the soft, tranquil glow of a sunset, painting the sky with serene apricot hues. This warm and inviting collection features a vibrant coral-peach (#FFA07A), a brilliant golden yellow (#FFD700), a soft pale gold (#F0E68C), a warm medium brown (#CD853F), and a very light cream-yellow (#FFFACD). It's an excellent choice for designers and developers aiming to create designs that convey warmth, serenity, and natural elegance. The harmonious blend of glowing yellows, oranges, and a grounding brown offers versatility for projects requiring a comforting, sophisticated, or organically inspired aesthetic, ensuring a pleasant and engaging user experience across various digital and print mediums.

Best used for

Health and wellness product branding
Organic food and natural beauty packaging
Serene travel and leisure websites
Photography portfolios with warm tones
Spa or meditation app interfaces
Autumnal event invitations

Suggested color roles

primary

Use #FFA07A (Vibrant Coral-Peach) for main content areas, prominent headings, or elements needing a warm, inviting focal point.

secondary

Apply #FFD700 (Brilliant Golden Yellow) for calls to action, important highlights, or interactive elements to add a lively, radiant pop.

accent

Employ #CD853F (Warm Medium Brown) to provide a grounding contrast for subtle accents, borders, or secondary information, adding depth.

background

Utilize #FFFACD (Very Light Cream-Yellow) as a soft, almost white background that provides a clean, luminous canvas and enhances the palette's radiance.

text

A deep, warm brown text color like #5C4033 (Dark Brown) offers excellent readability and complements the natural, glowing palette.

Accessibility notes

Text in #CD853F on #FFFACD will provide good contrast, making it highly readable for body text.
Avoid using #F0E68C or #FFD700 for small text on very light backgrounds without careful contrast checking.
Ensure #FFA07A as text on #FFFACD meets WCAG contrast requirements, potentially requiring larger sizes for readability.
Always check WCAG 2.1 AA compliance for all text and interactive elements to ensure universal access and legibility.

Recommended combinations

Golden Sunset

Creates a luminous, ethereal glow, perfect for serene website headers, elegant branding, or soft marketing visuals.

#FFD700 · #FFA07A · #FFFACD

Apricot Earth

Grounds the radiant tones with a rich brown, suitable for organic product packaging, natural interfaces, or earthy designs.

#CD853F · #F0E68C · #FFA07A

Radiant Calm

A balanced blend of vibrant warmth and earthy stability, ideal for engaging calls-to-action or informational graphics with a natural feel.

#FFA07A · #FFD700 · #CD853F

CSS variables

:root {
  --sunset-apricot-radiance-1: #FFA07A;
  --sunset-apricot-radiance-2: #FFD700;
  --sunset-apricot-radiance-3: #F0E68C;
  --sunset-apricot-radiance-4: #CD853F;
  --sunset-apricot-radiance-5: #FFFACD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunset-apricot-radiance": {
        1: "#FFA07A",
        2: "#FFD700",
        3: "#F0E68C",
        4: "#CD853F",
        5: "#FFFACD",
      }
    }
  }
}

Hex values

Color 1#FFA07A

Color 2#FFD700

Color 3#F0E68C

Color 4#CD853F

Color 5#FFFACD

Accessibility

Contrast checker

1.4:1Fail

1.6:1Fail

1.5:1Fail

1.9:1Fail

1.4:1Fail

1.1:1Fail

2.1:1Fail

1.3:1Fail

1.6:1Fail

1.1:1Fail

2.3:1Fail

1.2:1Fail

1.5:1Fail

2.1:1Fail

2.3:1Fail

2.8:1Fail

1.9:1Fail

1.3:1Fail

1.2:1Fail

2.8:1Fail

Similar palettes

More like Sunset Apricot Radiance