Nocturne Onyx color palette — #F3EAD1 · #535500 · #003558 · #290032 · #040100
A conversation between Deep Indigo and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F3EAD1): A whisper-light, dusty green — the color of new leaves after rain.
- Deep Olive (#535500): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#003558): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#290032): A deep, shadowed, balanced pink — the color of a candy shop window.
- Black (#040100): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Navy Dune color palette (#E6E4C7, #3C5000, #001D98, #330029, #040100)
- Onyx Orchard color palette (#F6E2D2, #6E3B00, #004044, #140056, #070000)
- Quiet Olive color palette (#F4E6CF, #4B7100, #004936, #2A0052, #000500)
- Forest Quarry color palette (#ECF1DE, #005423, #1D2824, #00110C, #020200)
- Worn Olive Boulevard color palette (#EDF2D8, #498100, #00542D, #00271E, #000303)
- Powdered Aubergine color palette (#D3F3F3, #007B50, #005C68, #510069, #030100)
- Weathered Pier color palette (#F1EFE4, #A4A697, #7E8D66, #3D4C00, #0C0900)
- Pale Aubergine Loft color palette (#E6EFDE, #006B5C, #58007D, #520201, #020200)
Browse the whole catalog at Explore, or see today's palette.