Gilded Brass Daybreak
A warm palette of 6 colors drawing on black, brown, yellow, with a wide lightness range, so it covers backgrounds, text and accents. Its lightest and darkest colors reach a contrast of 13.30:1, enough for body text.
About this palette
A warm palette of 6 colors drawing on black, brown, yellow, with a wide lightness range, so it covers backgrounds, text and accents. Its lightest and darkest colors reach a contrast of 13.30:1, enough for body text. Open any color for its conversions, shades, harmonies and contrast.
Colors
- ≈ Balsamico#170C00
A very dark, neutral black (Balsamico) that brings depth and formality. White text sits comfortably on it.
- ≈ Medium Roast#3A2400
A dark, muted brown (Medium Roast) that brings earthy, grounded warmth. White text sits comfortably on it.
- ≈ Very Coffee#6A470C
A dark, moderately saturated brown (Very Coffee) that brings earthy, grounded warmth. White text sits comfortably on it.
- ≈ Latte#BEA57E
A light, muted orange (Latte) that brings friendly optimism. Dark text reads well on it.
- ≈ Champagne#E8D4B2
A very light, muted beige (Champagne) that brings an inviting neutral base. Dark text reads well on it.
- ≈ Pan Purple#6683F1
A medium, vivid blue (Pan Purple) that brings quiet confidence. Dark text reads well on it.
Tags
Psychology
Meaning
Applications
Similar palettes
Sand Dune
Ruby Teal
Sunset Boulevard
Terracotta Clay
Fig & Honey
Forest Ember
Accessibility
- On white19.28:1Excellent 5/5
- On black14.49:1Excellent 5/5
- Color blind friendly99% similarExcellent 5/5
Contrast is the best any color in the palette reaches on a plain white or black background. Color blind friendly shows how much of the difference between the colors is kept under the common kinds of color blindness.
Colors and suggested roles
| Color | Role | HEX |
|---|---|---|
| Balsamico | Background | #170C00 |
| Medium Roast | Surface | #3A2400 |
| Very Coffee | Primary | #6A470C |
| Latte | Secondary | #BEA57E |
| Champagne | Light | #E8D4B2 |
| Pan Purple | Accent | #6683F1 |
CSS variables
:root {
--background: #170C00;
--surface: #3A2400;
--primary: #6A470C;
--secondary: #BEA57E;
--light: #E8D4B2;
--accent: #6683F1;
}
Tailwind v4 (@theme)
@theme {
--color-background: #170C00;
--color-surface: #3A2400;
--color-primary: #6A470C;
--color-secondary: #BEA57E;
--color-light: #E8D4B2;
--color-accent: #6683F1;
}