Nocturne Cocoa Drift color palette — #DEF0E1 · #5A4000 · #122325 · #110D00 · #000300

Bronze takes the lead with Ink close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Honeydew (#DEF0E1): A whisper-light, dusty teal — the color of glacier melt.
• Bronze (#5A4000): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#122325): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#110D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Midnight Chestnut Parlor color palette (#F6E2C6, #785500, #252300, #100D05, #030100)
• Olive Station color palette (#D3F3E2, #7C7400, #2F3800, #001C10, #010602)
• Smoked Forest Canyon color palette (#C9ECE9, #006427, #352E33, #001F12, #000401)
• Pine Pier color palette (#CCEAEA, #008E5C, #004335, #002112, #000A09)
• Garnet Market color palette (#EDE0E9, #7E1B00, #33312A, #1B0700, #050004)
• Worn Olive Courtyard color palette (#CEF1E5, #5E7300, #006377, #313E00, #00070B)
• Muted Fern color palette (#F4EDCD, #7C8145, #3D5D14, #003D3D, #001419)
• Wandering Study color palette (#D7E9E6, #5DA43C, #2D5553, #19332F, #101B18)

Browse the whole catalog at Explore, or see today's palette.