Nocturne Cocoa color palette — #DEF3FF · #00556A · #612900 · #00232D · #030100

Built around Rust, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Frost (#DEF3FF): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#00556A): A full-bodied, dusty blue — the color of deep harbor water.
• Rust (#612900): A deep, shadowed, balanced orange — the color of autumn markets.
• Midnight (#00232D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#030100): a grounded near-black with real depth.

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

• Cellar Garnet Lagoon color palette (#D5E8EB, #00594B, #6E0041, #00251E, #040001)
• Moonless Navy Bloom color palette (#E3EEFF, #1744A0, #593000, #001358, #030100)
• Lowlit Garnet Loft color palette (#CDE6FC, #003E67, #610016, #331D00, #000103)
• Shadow Denim Courtyard color palette (#CAEBFE, #006288, #00314B, #292228, #000912)
• Patina Balcony color palette (#DAF6E5, #00758E, #884200, #003F4E, #0E0300)
• Ancient Veranda color palette (#DBF7E8, #007695, #465E00, #00303F, #010100)
• Ancient Grape color palette (#D2E9F6, #6485B1, #7A499B, #003A38, #000205)
• Obsidian Fern color palette (#CFE6D1, #5B5400, #382600, #1B0900, #010100)

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