Regal Amber Cove
A warm palette of 6 colors drawing on black, brown, orange, with a wide lightness range, so it covers backgrounds, text and accents. Its lightest and darkest colors reach a contrast of 12.96:1, enough for body text.
About this palette
A warm palette of 6 colors drawing on black, brown, orange, with a wide lightness range, so it covers backgrounds, text and accents. Its lightest and darkest colors reach a contrast of 12.96:1, enough for body text. Open any color for its conversions, shades, harmonies and contrast.
Colors
- ≈ Balsamico#190A00
A very dark, muted black (Balsamico) that brings depth and formality. White text sits comfortably on it.
- ≈ Chocolate Castle#412605
A dark, muted brown (Chocolate Castle) that brings natural comfort. White text sits comfortably on it.
- ≈ Chocolate Rain#774C19
A medium, moderately saturated brown (Chocolate Rain) that brings craft and reliability. White text sits comfortably on it.
- ≈ Cumin#AD7D51
A medium, moderately saturated orange (Cumin) that brings friendly optimism. Dark text reads well on it.
- ≈ Malt#E4D0BE
A very light, neutral gray (Malt) that brings a steady, composed backdrop. Dark text reads well on it.
- ≈ Cockatoo#32CFC2
A light, moderately saturated teal (Cockatoo) that brings a coastal freshness. Dark text reads well on it.
Tags
Psychology
Meaning
Applications
Similar palettes
Sand Dune
Forest Ember
Terracotta Clay
Sunset Boulevard
Mocha Cream
Pine & Peach
Accessibility
- On white19.35:1Excellent 5/5
- On black14.06:1Excellent 5/5
- Color blind friendly98% 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 | #190A00 |
| Chocolate Castle | Surface | #412605 |
| Chocolate Rain | Primary | #774C19 |
| Cumin | Secondary | #AD7D51 |
| Malt | Light | #E4D0BE |
| Cockatoo | Accent | #32CFC2 |
CSS variables
:root {
--background: #190A00;
--surface: #412605;
--primary: #774C19;
--secondary: #AD7D51;
--light: #E4D0BE;
--accent: #32CFC2;
}
Tailwind v4 (@theme)
@theme {
--color-background: #190A00;
--color-surface: #412605;
--color-primary: #774C19;
--color-secondary: #AD7D51;
--color-light: #E4D0BE;
--color-accent: #32CFC2;
}