Gilded Chartreuse Gallery
A balanced palette of 6 colors drawing on black, green, beige, with a wide lightness range, so it covers backgrounds, text and accents. Its lightest and darkest colors reach a contrast of 13.11:1, enough for body text.
About this palette
A balanced palette of 6 colors drawing on black, green, beige, with a wide lightness range, so it covers backgrounds, text and accents. Its lightest and darkest colors reach a contrast of 13.11:1, enough for body text. Open any color for its conversions, shades, harmonies and contrast.
Colors
- ≈ Memorial Black#0A1005
A very dark, neutral green (Memorial Black) that brings balance and health. White text sits comfortably on it.
- ≈ Dark Serpent#1C2F08
A very dark, muted green (Dark Serpent) that brings balance and health. White text sits comfortably on it.
- ≈ Bimi Green#4F6839
A medium, muted green (Bimi Green) that brings growth and calm. White text sits comfortably on it.
- ≈ Money#779A63
A medium, moderately saturated green (Money) that brings growth and calm. Dark text reads well on it.
- ≈ Champagne#ECD1AD
A very light, muted beige (Champagne) that brings understated calm. Dark text reads well on it.
- ≈ Blue Bay#4F9AE8
A medium, moderately saturated blue (Blue Bay) that brings quiet confidence. Dark text reads well on it.
Tags
Psychology
Meaning
Applications
Similar palettes
Glacier Mint
Forest Ember
Sage Linen
Pine & Peach
Citrus Grove
Teal Smoke
Accessibility
- On white19.27:1Excellent 5/5
- On black14.29: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 |
|---|---|---|
| Memorial Black | Background | #0A1005 |
| Dark Serpent | Surface | #1C2F08 |
| Bimi Green | Primary | #4F6839 |
| Money | Secondary | #779A63 |
| Champagne | Light | #ECD1AD |
| Blue Bay | Accent | #4F9AE8 |
CSS variables
:root {
--background: #0A1005;
--surface: #1C2F08;
--primary: #4F6839;
--secondary: #779A63;
--light: #ECD1AD;
--accent: #4F9AE8;
}
Tailwind v4 (@theme)
@theme {
--color-background: #0A1005;
--color-surface: #1C2F08;
--color-primary: #4F6839;
--color-secondary: #779A63;
--color-light: #ECD1AD;
--color-accent: #4F9AE8;
}