Luxe Saffron Nomad
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 15.07: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 15.07:1, enough for body text. Open any color for its conversions, shades, harmonies and contrast.
Colors
- ≈ Blackout#0C0901
A very dark, neutral black (Blackout) that brings bold, premium contrast. White text sits comfortably on it.
- ≈ Close but No Cigar#2B2305
A very dark, muted brown (Close but No Cigar) that brings natural comfort. White text sits comfortably on it.
- ≈ Ayahuasca Vine#6B5811
A medium, moderately saturated yellow (Ayahuasca Vine) that brings a bright, hopeful note. White text sits comfortably on it.
- ≈ Tiger#AE9E6C
A light, muted yellow (Tiger) that brings light and cheer. Dark text reads well on it.
- ≈ Cameo#EBE0BA
A very light, muted beige (Cameo) that brings soft, quiet warmth. Dark text reads well on it.
- ≈ Mantis#6FC154
A light, vivid green (Mantis) that brings growth and calm. Dark text reads well on it.
Tags
Psychology
Meaning
Applications
Similar palettes
Citrus Grove
Forest Ember
Sand Dune
Pine & Peach
Jade Dynasty
Sage Linen
Accessibility
- On white19.90:1Excellent 5/5
- On black15.90: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 |
|---|---|---|
| Blackout | Background | #0C0901 |
| Close but No Cigar | Surface | #2B2305 |
| Ayahuasca Vine | Primary | #6B5811 |
| Tiger | Secondary | #AE9E6C |
| Cameo | Light | #EBE0BA |
| Mantis | Accent | #6FC154 |
CSS variables
:root {
--background: #0C0901;
--surface: #2B2305;
--primary: #6B5811;
--secondary: #AE9E6C;
--light: #EBE0BA;
--accent: #6FC154;
}
Tailwind v4 (@theme)
@theme {
--color-background: #0C0901;
--color-surface: #2B2305;
--color-primary: #6B5811;
--color-secondary: #AE9E6C;
--color-light: #EBE0BA;
--color-accent: #6FC154;
}