Palette

Golden Savannah Dusk

Radiant golds and deep ochres reflecting the warm, fading light of a majestic savannah sunset.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Golden Savannah Dusk 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 Savannah Dusk.

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

Data visualization

#B87B00#DB9D00#FFBE00#FFD500#FFE663

Palette guide

How to use Golden Savannah Dusk

Overview

The Golden Savannah Dusk palette captures the radiant golds and deep ochres reflecting the warm, fading light of a majestic savannah sunset. Featuring striking shades like the bright #FFBE00 and the grounding #B87B00, along with luminous #FFE663, this collection offers a vibrant yet comforting feel. It's perfect for designers and developers aiming to capture the beauty of nature's golden hour, providing a rich and energetic visual experience. The harmonious blend of yellows and oranges, including #DB9D00 and #FFD500, creates a sense of awe and natural grandeur.

Best used for

African safari tourism branding
Wildlife photography portfolios
Sunset-themed events and promotions
Luxury travel website designs
Natural beauty product packaging
Documentary film graphics

Suggested color roles

primary

Use #FFBE00 as a bright, inviting main color for prominent brand elements and headings.

secondary

Apply #DB9D00 for supporting warmth, adding depth to backgrounds or secondary content areas.

accent

Employ #B87B00 as a strong, deep accent for calls to action, critical icons, or important highlights.

background

Choose #FFE663 as a light, airy base that provides a soft glow, perfect for a welcoming canvas.

text

Select #B87B00 for body text, offering excellent readability against lighter backgrounds while maintaining depth.

Accessibility notes

Ensure #B87B00 text on #FFE663 or #FFD500 backgrounds meets WCAG AA contrast standards.
Use #B87B00 for interactive elements that require high visibility and strong contrast.
Avoid using lighter golds like #FFE663 or #FFD500 for small or essential text to prevent legibility issues.
For critical information, consider charcoal or black text against the lightest backgrounds for maximum readability.

Recommended combinations

Sunset Glow

Ideal for bright, luminous gradients and backgrounds that evoke the soft light of dusk.

#FFE663 · #FFD500 · #FFBE00

Dusk Depth

Creates a more grounded look, using deeper tones for structure in footers or strong sections.

#B87B00 · #DB9D00 · #FFBE00

Energetic Highlight

Combines bright and deep shades for dynamic visual emphasis and impactful calls to action.

#FFD500 · #B87B00 · #DB9D00

CSS variables

:root {
  --golden-savannah-dusk-1: #B87B00;
  --golden-savannah-dusk-2: #DB9D00;
  --golden-savannah-dusk-3: #FFBE00;
  --golden-savannah-dusk-4: #FFD500;
  --golden-savannah-dusk-5: #FFE663;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-savannah-dusk": {
        1: "#B87B00",
        2: "#DB9D00",
        3: "#FFBE00",
        4: "#FFD500",
        5: "#FFE663",
      }
    }
  }
}

Hex values

Color 1#B87B00

Color 2#DB9D00

Color 3#FFBE00

Color 4#FFD500

Color 5#FFE663

Accessibility

Contrast checker

1.5:1Fail

2.1:1Fail

2.5:1Fail

2.9:1Fail

1.5:1Fail

1.4:1Fail

1.7:1Fail

1.9:1Fail

2.1:1Fail

1.4:1Fail

1.2:1Fail

1.3:1Fail

2.5:1Fail

1.7:1Fail

1.2:1Fail

1.1:1Fail

2.9:1Fail

1.9:1Fail

1.3:1Fail

1.1:1Fail

Similar palettes

More like Golden Savannah Dusk