Nocturne Cocoa Station color palette — #D8E9E0 · #00556B · #662300 · #00222D · #030000

Rust takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#D8E9E0): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#00556B): A full-bodied, dusty blue — the color of deep harbor water.
• Rust (#662300): A deep, shadowed, balanced orange — the color of autumn markets.
• Midnight (#00222D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Nocturne Cocoa Station 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

• Twilit Navy color palette (#D1E0F3, #004A94, #523400, #001D41, #020100)
• Deep Garnet color palette (#E6F4DC, #005A4A, #70003A, #00251D, #040001)
• Eclipse Garnet color palette (#C5E7F9, #004259, #5C003A, #242500, #000103)
• Weathered Terracotta Alley color palette (#D9F1FF, #0074A0, #9E1300, #002F44, #040000)
• Moonless Fern color palette (#F2E2CA, #615100, #382600, #190A00, #010100)
• Moonless Drift color palette (#FEE6F8, #2B16D3, #483A00, #0E0064, #020100)
• Chalky Grove color palette (#CBE7F8, #3192EA, #6057BD, #003238, #000205)
• Tempered Aubergine color palette (#D0E9F9, #007494, #852392, #003E51, #0F0012)

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