Nocturne Onyx Canyon color palette — #F9EBDF · #6C5502 · #282D00 · #010B3F · #020100
A conversation between Deep Indigo and Coffee, giving this palette its sense of nature and growth.
The five colors
- Cream (#F9EBDF): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Coffee (#6C5502): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#282D00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Deep Indigo (#010B3F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged botanical, earthy, muted, dark.
Use it as a design system
One click turns Nocturne Onyx Canyon 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
- Spruce Study color palette (#F4E9D6, #565D1F, #063403, #001917, #010100)
- Aubergine Boulevard color palette (#ECDADF, #632E87, #403E00, #2E0048, #010100)
- Timeworn Bronze Atelier color palette (#FFE9F1, #8A7226, #424B00, #152758, #090500)
- Dusty Olive Loft color palette (#E1F4E9, #7A803B, #334300, #00211C, #010100)
- Hushed Loft color palette (#EFEEDC, #327851, #004039, #370035, #000401)
- Antique Fern Chapel color palette (#FAEDDA, #8F9351, #34631F, #352E6A, #131300)
- Aubergine Orchard color palette (#FBE3FF, #5F086B, #393100, #002C0B, #030004)
- Antique Navy color palette (#EADED4, #497FA1, #003484, #001F21, #01000A)
Browse the whole catalog at Explore, or see today's palette.