Twilit Basalt color palette — #E7DFC1 · #515C5D · #383900 · #192322 · #000901
A conversation between Deep Olive and Celadon Mist, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#E7DFC1): A whisper-light, dusty green — the color of new leaves after rain.
- Charcoal Brown (#515C5D): quiet, heavy and certain.
- Deep Olive (#383900): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Onyx (#192322): quiet, heavy and certain.
- Ink (#000901): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Twilit Basalt into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Inked Basalt Terrace color palette (#F1DAC5, #34413D, #512C00, #13160E, #080600)
- Muted Lagoon color palette (#DEE9D2, #006549, #564B4A, #001F21, #030700)
- Cellar Parlor color palette (#ECEAC9, #4A6400, #0A4103, #002312, #000604)
- Cerulean Veranda color palette (#F1E1DA, #2C9AA4, #005168, #002D1F, #00050D)
- Emerald Lagoon color palette (#EEEFE0, #69904E, #2A4400, #1F1F12, #0E0C07)
- Worn Aubergine Hollow color palette (#E7F1CF, #006D3C, #6D0094, #003319, #06000C)
- Pine Boulevard color palette (#F1F2DD, #007B52, #003F3B, #3F0300, #000402)
- Dusty Villa color palette (#FFE2CD, #757435, #004C31, #3A0D43, #1D0009)
Browse the whole catalog at Explore, or see today's palette.