Back to palettes

Palette

Sunbeam Golden Embrace

Radiant yellows and soft oranges capture the ethereal glow of a sun-drenched landscape at the magical golden hour.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunbeam Golden Embrace 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 Sunbeam Golden Embrace.

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

Data visualization

#FFAA00#FFCC33#FFEE66#FFFF99#FFEFCA

Palette guide

How to use Sunbeam Golden Embrace

Overview

The Sunbeam Golden Embrace palette captures the radiant, ethereal glow of a sun-drenched landscape at the magical golden hour. This collection of soft oranges and luminous yellows, from the rich #FFAA00 to the delicate #FFEFCA, offers designers and developers a warm, elegant, and inviting aesthetic. Key colors like #FFCC33 and #FFEE66 provide a smooth gradient, perfect for creating harmonious and luxurious visual experiences. It's an excellent choice for projects that aim to convey warmth, sophistication, and a touch of natural splendor, ideal for high-end or serene applications.

Best used for

  • Luxury branding and high-end product design
  • Photography portfolios and art exhibitions
  • Autumn and harvest-themed marketing materials
  • Wedding invitations and elegant event branding
  • Warm and inviting digital interfaces for lifestyle brands
  • Interior design themes emphasizing warmth and light

Suggested color roles

primary

Utilize #FFAA00 as the core color for its rich, inviting golden presence, suitable for main branding and significant elements.

secondary

Apply #FFCC33 for secondary elements, subheadings, or to introduce a classic gold luminosity.

accent

The palette's inherent warmth means a deeper color (like a dark brown or charcoal) from outside the palette is recommended for strong accents, or use #FFAA00 for emphasis within the palette.

background

Employ #FFEFCA as a soft, ethereal background, providing a delicate base for darker text.

text

For optimal readability, a deep charcoal or rich brown is essential for all text, as the palette lacks dark shades for contrast.

Accessibility notes

  • Critical: All colors are light. Text must be very dark (black or charcoal) for readability on any of these backgrounds.
  • Ensure WCAG AA or AAA contrast ratios for all text and interactive elements, as this palette presents challenges.
  • Avoid using any of the palette colors for text on another palette color without rigorous contrast testing.
  • Consider using larger font sizes and bolding for critical information to enhance readability against these luminous tones.

Recommended combinations

Golden Gradient

Ideal for hero sections, banners, or visual elements requiring a smooth, radiant transition of light.

#FFAA00 · #FFCC33 · #FFEE66

Soft Radiance

Effective for backgrounds and content areas where a delicate, luminous, and airy warmth is desired.

#FFEFCA · #FFFF99 · #FFEE66

Warm Glow

Perfect for creating a balanced layout that combines a strong golden anchor with a soft, glowing background.

#FFAA00 · #FFEFCA · #FFCC33

CSS variables

:root {
  --sunbeam-golden-embrace-1: #FFAA00;
  --sunbeam-golden-embrace-2: #FFCC33;
  --sunbeam-golden-embrace-3: #FFEE66;
  --sunbeam-golden-embrace-4: #FFFF99;
  --sunbeam-golden-embrace-5: #FFEFCA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunbeam-golden-embrace": {
        1: "#FFAA00",
        2: "#FFCC33",
        3: "#FFEE66",
        4: "#FFFF99",
        5: "#FFEFCA",
      }
    }
  }
}

Related searches

golden hour colorssunbeam yellow palettewarm radiant toneselegant gold schemelight yellow orange

Palette colors

Hex values

Color 1#FFAA00
·
Color 2#FFCC33
·
Color 3#FFEE66
·
Color 4#FFFF99
·
Color 5#FFEFCA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
1.8:1Fail
1.7:1Fail
2
1.3:1Fail
1.3:1Fail
1.4:1Fail
1.3:1Fail
3
1.6:1Fail
1.3:1Fail
1.1:1Fail
1:1Fail
4
1.8:1Fail
1.4:1Fail
1.1:1Fail
1.1:1Fail
5
1.7:1Fail
1.3:1Fail
1:1Fail
1.1:1Fail

Similar palettes

More like Sunbeam Golden Embrace

View all warm
Golden Hour Glow
Amber Sundown Glow
Amber Wheat Harvest
Golden Hour Hues
Golden Hour Meadow
Sundown Haze