Palette

Ember Grove Sunset

A cozy blend reflecting the rich, fiery hues of fall foliage at dusk.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ember Grove Sunset 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 Ember Grove Sunset.

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

Data visualization

#8B4513#CD5C5C#FFA07A#BDB76B#556B2F

Palette guide

How to use Ember Grove Sunset

Overview

The Ember Grove Sunset palette captures the cozy, rustic essence of autumn's fiery dusk. With its rich blend of earthy tones like deep Saddle Brown (#8B4513) and the warm blush of Indian Red (#CD5C5C), it evokes natural comfort. Accented by the soft glow of Light Salmon (#FFA07A) and grounded by Dark Khaki (#BDB76B) and Dark Olive Green (#556B2F), this palette is ideal for projects seeking a natural, inviting, and slightly vintage feel. Designers will find its harmonious range perfect for creating a sense of warmth and tranquility, reminiscent of a peaceful, leaf-strewn landscape as the sun dips below the horizon.

Best used for

Rustic brand identities or logos
Autumn-themed digital marketing campaigns
Cozy interior design visualizations
Nature-inspired website themes
Apparel or textile designs for fall collections
Packaging for artisanal or organic products

Suggested color roles

primary

Use Saddle Brown (#8B4513) as a grounding, deep base for headers, navigation, or strong brand elements, providing a sense of stability and warmth.

secondary

Indian Red (#CD5C5C) serves as a comforting secondary color, perfect for call-to-action buttons, interactive elements, or sections requiring a softer, inviting touch.

accent

Light Salmon (#FFA07A) offers a bright, gentle accent, ideal for highlights, small icons, or subtle decorative details that need to catch the eye without being overpowering.

background

Dark Khaki (#BDB76B) provides a warm, neutral background, excellent for content areas or large sections where readability and a natural feel are paramount.

text

Dark Olive Green (#556B2F) works well for body text on lighter backgrounds, offering excellent readability with an earthy, harmonious feel, or consider a dark charcoal for maximum contrast.

Accessibility notes

Ensure sufficient contrast between Light Salmon (#FFA07A) and Dark Khaki (#BDB76B) if used for text, as it may be challenging for readability.
Saddle Brown (#8B4513) and Dark Olive Green (#556B2F) provide strong contrast against Light Salmon (#FFA07A) and Dark Khaki (#BDB76B) for text.
Verify all text and interactive element contrasts meet WCAG 2.1 AA standards, especially for smaller fonts.
Avoid using Indian Red (#CD5C5C) directly on Light Salmon (#FFA07A) for critical information due to potential low contrast.

Recommended combinations

Earthy Foundation

Ideal for a stable and natural brand presence, perfect for backgrounds, main content, and subdued accents.

#8B4513 · #556B2F · #BDB76B

Warm Glow

Excellent for highlighting key information, call-to-actions, or creating a cozy, inviting atmosphere.

#CD5C5C · #FFA07A · #8B4513

Rustic Contrast

Provides a harmonious yet distinct combination suitable for UI elements, illustrations, or decorative patterns.

#556B2F · #BDB76B · #FFA07A

CSS variables

:root {
  --ember-grove-sunset-1: #8B4513;
  --ember-grove-sunset-2: #CD5C5C;
  --ember-grove-sunset-3: #FFA07A;
  --ember-grove-sunset-4: #BDB76B;
  --ember-grove-sunset-5: #556B2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ember-grove-sunset": {
        1: "#8B4513",
        2: "#CD5C5C",
        3: "#FFA07A",
        4: "#BDB76B",
        5: "#556B2F",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#CD5C5C

Color 3#FFA07A

Color 4#BDB76B

Color 5#556B2F

Accessibility

Contrast checker

1.8:1Fail

3.6:1AA18

3.4:1AA18

1.2:1Fail

1.8:1Fail

2:1Fail

1.9:1Fail

1.5:1Fail

3.6:1AA18

2:1Fail

1:1Fail

3:1Fail

3.4:1AA18

1.9:1Fail

1:1Fail

2.9:1Fail

1.2:1Fail

1.5:1Fail

3:1Fail

2.9:1Fail

Similar palettes

More like Ember Grove Sunset

Autumn Foliage Crunch

Autumn Harvest Berry

Autumn Harvest Hearth