Nocturne Cocoa Drift color palette — #FFECDB · #5D3400 · #003853 · #1A1940 · #040100
Cocoa and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#FFECDB): A whisper-light, dusty gold — the color of old brass.
- Cocoa (#5D3400): A deep, shadowed, balanced gold — the color of old brass.
- Deep Teal (#003853): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#1A1940): A deep, shadowed, dusty violet — the color of a velvet chair.
- Black (#040100): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Creativity, Sophistication, Depth. Tagged dark, muted.
Use it as a design system
One click turns Nocturne Cocoa Drift 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 Summit color palette (#F4E1C3, #543900, #003365, #030077, #030100)
- Cellar Garnet color palette (#FFDBD5, #7B0403, #003B40, #0A2133, #070000)
- Inked Aubergine color palette (#F9EED6, #413700, #390066, #1B0035, #020200)
- Chestnut Lantern color palette (#F0E8D5, #7B5700, #242F32, #181400, #030200)
- Lowlit Basin color palette (#FBDCE8, #593000, #253800, #450024, #030100)
- Softworn Aubergine Chapel color palette (#E0E8DB, #355800, #590090, #4C0060, #040A00)
- Dusty Chestnut Ridge color palette (#F6E3ED, #00819D, #954E00, #120E05, #040100)
- Garnet Chapel color palette (#FFE0D2, #8E3C00, #4E5200, #6D0054, #050100)
Browse the whole catalog at Explore, or see today's palette.