Midnight Cocoa Harbor color palette — #E0F3FF · #00546D · #652400 · #00222E · #030000

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

The five colors

• Frost (#E0F3FF): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#00546D): A full-bodied, dusty blue — the color of deep harbor water.
• Rust (#652400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Midnight (#00222E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• 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 Midnight Cocoa Harbor 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

• Nocturne Garnet color palette (#DDEFF2, #00594C, #700039, #00251E, #040001)
• Charred Navy Villa color palette (#CAE1FD, #00479F, #4D3700, #001B47, #020100)
• Patina Terracotta color palette (#D1ECFD, #007696, #893900, #00303F, #030100)
• Dusty Lapis Grove color palette (#D8F0FF, #6689BF, #6558B2, #003840, #000206)
• Eclipse Grove color palette (#D8E4DA, #5F5200, #372700, #190A00, #010100)
• Cobalt Villa color palette (#DCEEFF, #2784CF, #915F00, #00497C, #1C0F00)
• Cellar Onyx color palette (#E5EFFF, #705300, #04004B, #090615, #00000C)
• Aged Sky color palette (#E6F4FF, #29B4F8, #B35700, #00628D, #371600)

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