Obsidian Honey Nectar
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 13.36: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 13.36:1, enough for body text. Open any color for its conversions, shades, harmonies and contrast.
Colors
- ≈ Soulless#1A1101
A very dark, muted black (Soulless) that brings bold, premium contrast. White text sits comfortably on it.
- ≈ Close but No Cigar#2E2001
A very dark, muted brown (Close but No Cigar) that brings craft and reliability. White text sits comfortably on it.
- ≈ Ayahuasca Vine#6C4F07
A dark, moderately saturated yellow (Ayahuasca Vine) that brings attention without aggression. White text sits comfortably on it.
- ≈ Morrel#9E8D6B
A medium, muted orange (Morrel) that brings a sunny, approachable mood. Dark text reads well on it.
- ≈ Burrito#EBD7C2
A very light, muted beige (Burrito) that brings understated calm. Dark text reads well on it.
- ≈ Blue Bay#5994E5
A medium, moderately saturated blue (Blue Bay) that brings quiet confidence. Dark text reads well on it.
Tags
Psychology
Meaning
Applications
Similar palettes
Sand Dune
Forest Ember
Terracotta Clay
Sunset Boulevard
Pine & Peach
Sage Linen
Accessibility
- On white18.67:1Excellent 5/5
- On black15.03: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 |
|---|---|---|
| Soulless | Background | #1A1101 |
| Close but No Cigar | Surface | #2E2001 |
| Ayahuasca Vine | Primary | #6C4F07 |
| Morrel | Secondary | #9E8D6B |
| Burrito | Light | #EBD7C2 |
| Blue Bay | Accent | #5994E5 |
CSS variables
:root {
--background: #1A1101;
--surface: #2E2001;
--primary: #6C4F07;
--secondary: #9E8D6B;
--light: #EBD7C2;
--accent: #5994E5;
}
Tailwind v4 (@theme)
@theme {
--color-background: #1A1101;
--color-surface: #2E2001;
--color-primary: #6C4F07;
--color-secondary: #9E8D6B;
--color-light: #EBD7C2;
--color-accent: #5994E5;
}