Nocturne Cocoa color palette — #DEF1EB · #005646 · #6B2400 · #4B2100 · #000201

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

The five colors

• Honeydew (#DEF1EB): A whisper-light, dusty teal — the color of sea glass.
• Forest (#005646): A full-bodied, dusty teal — the color of sea glass.
• Rust (#6B2400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#4B2100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#000201): quiet, heavy and certain.

Feels like: Optimism, 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

• Basalt Archive color palette (#D5E6DE, #004257, #492800, #241C00, #000102)
• Aubergine Delta color palette (#CDE6E8, #00585D, #680075, #402C00, #000A0B)
• Mulberry Study color palette (#D3E9D6, #005925, #6E0059, #54001D, #000200)
• Terracotta Meadow color palette (#DBF3F1, #007672, #A32500, #633900, #000A09)
• Feathered Grape Courtyard color palette (#BFEDF1, #00757C, #8B009E, #573E00, #000102)
• Chestnut Lantern color palette (#FAE6D7, #805900, #582600, #350009, #020200)
• Lapis Hollow color palette (#F6E3F0, #4131D8, #554D00, #263E13, #020018)
• Sunlit Violet Hollow color palette (#CEECE8, #60ABD0, #875EE4, #234400, #00090C)

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