Midnight Cocoa color palette — #CBEEFC · #005C66 · #6A2600 · #00262A · #100200

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

The five colors

• Frost (#CBEEFC): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#005C66): A full-bodied, dusty blue — the color of open sky before noon.
• Rust (#6A2600): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Midnight (#00262A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#100200): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

Use it as a design system

One click turns Midnight 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

• Velvet Corridor color palette (#D2EFED, #005E5C, #730046, #002626, #120007)
• Nocturne Basalt color palette (#C7EEF8, #004854, #542300, #2B1C00, #000203)
• Basalt Archive color palette (#D6F1DE, #005663, #3A4000, #002329, #010100)
• Lapis Pier color palette (#E4E8FF, #4B22F5, #534E00, #220083, #121000)
• Ancient Petrol Grove color palette (#DFF0F9, #007197, #003241, #1E1619, #000B14)
• Shadow Fern Bloom color palette (#FFE7EE, #685900, #3F2500, #260400, #000503)
• Hazy Station color palette (#E2EFFF, #006BCF, #725300, #003871, #241800)
• Feathered Aubergine color palette (#D3F0FF, #00758D, #7E289B, #003F4D, #0E0014)

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