Nocturne Onyx color palette — #F3F1DD · #4C6100 · #00404A · #250047 · #070000
A conversation between Deep Indigo and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F3F1DD): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#4C6100): A full-bodied, balanced green — the color of fresh herbs.
- Deep Teal (#00404A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#250047): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#070000): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Nocturne Onyx 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
- Moonless Archive color palette (#DEE6CC, #006A3A, #003A64, #340028, #030100)
- Lowlit Grove color palette (#EDE1D3, #774F00, #004334, #08005D, #060001)
- Moonless Hollow color palette (#CBE6EA, #006357, #003043, #070024, #030003)
- Fern Study color palette (#E5E7CA, #215200, #1D2721, #001209, #020200)
- Basalt Villa color palette (#EEE5CB, #433E00, #002132, #241807, #18000F)
- Dusty Delta color palette (#D8EFD3, #007D41, #005139, #002C24, #00110F)
- Aged Pine color palette (#E0ECCE, #308955, #00625A, #3D2556, #250509)
- Feathered Bloom color palette (#DBEADA, #9B6500, #006363, #5A0063, #030100)
Browse the whole catalog at Explore, or see today's palette.