Cinematic Gilded Ripple
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 14.44: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 14.44:1, enough for body text. Open any color for its conversions, shades, harmonies and contrast.
Colors
- ≈ Balsamico#120F04
A very dark, neutral black (Balsamico) that brings bold, premium contrast. White text sits comfortably on it.
- ≈ Secret Passage#2B2405
A very dark, muted brown (Secret Passage) that brings natural comfort. White text sits comfortably on it.
- ≈ Ayahuasca Vine#6B5B0E
A medium, moderately saturated yellow (Ayahuasca Vine) that brings a bright, hopeful note. White text sits comfortably on it.
- ≈ Gremlin#A2995D
A medium, moderately saturated yellow (Gremlin) that brings light and cheer. Dark text reads well on it.
- ≈ Frost#E7E0C1
A very light, muted yellow (Frost) that brings attention without aggression. Dark text reads well on it.
- ≈ Polar Glow#64A0FE
A light, vivid blue (Polar Glow) that brings open, airy calm. Dark text reads well on it.
Tags
Psychology
Meaning
Applications
Similar palettes
Forest Ember
Sand Dune
Pine & Peach
Sage Linen
Glacier Mint
Citrus Grove
Accessibility
- On white19.16:1Excellent 5/5
- On black15.83: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 | #120F04 |
| Secret Passage | Surface | #2B2405 |
| Ayahuasca Vine | Primary | #6B5B0E |
| Gremlin | Secondary | #A2995D |
| Frost | Light | #E7E0C1 |
| Polar Glow | Accent | #64A0FE |
CSS variables
:root {
--background: #120F04;
--surface: #2B2405;
--primary: #6B5B0E;
--secondary: #A2995D;
--light: #E7E0C1;
--accent: #64A0FE;
}
Tailwind v4 (@theme)
@theme {
--color-background: #120F04;
--color-surface: #2B2405;
--color-primary: #6B5B0E;
--color-secondary: #A2995D;
--color-light: #E7E0C1;
--color-accent: #64A0FE;
}