Nocturne Cocoa color palette — #DAF0DF · #5D4500 · #002F3E · #200023 · #040002
A conversation between Bronze and Ink, giving this palette its sense of optimism and creativity.
The five colors
- Honeydew (#DAF0DF): A whisper-light, dusty teal — the color of sea glass.
- Bronze (#5D4500): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Midnight (#002F3E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#200023): A deep, shadowed, balanced pink — the color of neon signs at night.
- Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Optimism, Creativity, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Nocturne Cocoa 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
- Inked Cocoa Drift color palette (#F7DFEB, #753300, #003226, #140035, #040002)
- Lowlit Basalt Drift color palette (#CEEDE0, #394000, #001D43, #141306, #170006)
- Basalt Loft color palette (#CEF0E3, #655859, #343A00, #191C23, #000902)
- Airy Aubergine Chapel color palette (#EAE3D5, #7A6400, #004D64, #390059, #130011)
- Olive Basin color palette (#E6E5CF, #4E7500, #00473C, #001823, #020100)
- Ancient Cypress color palette (#DAEDE9, #007B57, #003F3D, #3D0700, #000402)
- Ancient Basin color palette (#EDDEE9, #3399A8, #00506C, #002D22, #00040F)
- Nightshade Field color palette (#C8E9E6, #006B29, #2000A1, #350700, #060300)
Browse the whole catalog at Explore, or see today's palette.