Nocturne Onyx color palette — #F1EDDA · #414800 · #00224F · #220022 · #030100
Midnight takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F1EDDA): A whisper-light, dusty green — the color of a quiet forest floor.
- Deep Olive (#414800): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Midnight (#00224F): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#220022): A deep, shadowed, balanced pink — the color of peonies in June.
- Black (#030100): a grounded near-black with real depth.
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
- Obsidian Spruce color palette (#D8F0F0, #004025, #00242D, #1C001F, #030200)
- Aubergine Coast color palette (#E3E7D4, #00490F, #2E006A, #2A000B, #020100)
- Lowlit Forest color palette (#DFEFCE, #006247, #003B55, #00193E, #030100)
- Inked Abyss Bloom color palette (#D6EEE0, #4F595F, #004228, #141F23, #000907)
- Velvet Pine color palette (#E0E5D7, #007D2A, #00452D, #001A16, #000303)
- Aubergine Basin color palette (#D7EED5, #005753, #59004B, #310F00, #010100)
- Nightshade Corridor color palette (#FFE1F5, #00656B, #3500B1, #410055, #060001)
- Spruce Studio color palette (#ECECE3, #9DA38D, #718262, #233F00, #050400)
Browse the whole catalog at Explore, or see today's palette.