Regal Jade Bonfire
A warm 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 14.55:1, enough for body text.
About this palette
A warm 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 14.55:1, enough for body text. Open any color for its conversions, shades, harmonies and contrast.
Colors
- ≈ Cosmic Bit Flip#010C05
A very dark, neutral green (Cosmic Bit Flip) that brings balance and health. White text sits comfortably on it.
- ≈ Pitch-Black Forests#163525
A dark, muted green (Pitch-Black Forests) that brings a fresh, natural feel. White text sits comfortably on it.
- ≈ Into the Green#126C45
A medium, moderately saturated green (Into the Green) that brings growth and calm. White text sits comfortably on it.
- ≈ Vineyard#7FA086
A medium, muted green (Vineyard) that brings balance and health. Dark text reads well on it.
- ≈ Clam Up#EBDBBA
A very light, muted beige (Clam Up) that brings soft, quiet warmth. Dark text reads well on it.
- ≈ Parma Ham#FC9777
A light, moderately saturated pink (Parma Ham) that brings gentle playfulness. Dark text reads well on it.
Tags
Psychology
Meaning
Applications
Similar palettes
Jade Dynasty
Sage Linen
Citrus Grove
Glacier Mint
Sand Dune
Pine & Peach
Accessibility
- On white19.88:1Excellent 5/5
- On black15.37:1Excellent 5/5
- Color blind friendly96% 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 |
|---|---|---|
| Cosmic Bit Flip | Background | #010C05 |
| Pitch-Black Forests | Surface | #163525 |
| Into the Green | Primary | #126C45 |
| Vineyard | Secondary | #7FA086 |
| Clam Up | Light | #EBDBBA |
| Parma Ham | Accent | #FC9777 |
CSS variables
:root {
--background: #010C05;
--surface: #163525;
--primary: #126C45;
--secondary: #7FA086;
--light: #EBDBBA;
--accent: #FC9777;
}
Tailwind v4 (@theme)
@theme {
--color-background: #010C05;
--color-surface: #163525;
--color-primary: #126C45;
--color-secondary: #7FA086;
--color-light: #EBDBBA;
--color-accent: #FC9777;
}