Midnight Cocoa color palette — #CDEFE1 · #00587C · #6B2400 · #002435 · #100200
Built around Rust, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Honeydew (#CDEFE1): A whisper-light, dusty teal — the color of glacier melt.
- Peacock (#00587C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Rust (#6B2400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Midnight (#002435): A deep, shadowed, dusty blue — the color of deep harbor water.
- 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
- Midnight Drift color palette (#DCEFD7, #005E58, #740043, #002724, #120007)
- Midnight Garnet color palette (#D7F2FF, #00465D, #591E00, #322000, #000204)
- Navy Loft color palette (#FCE4FB, #004BA9, #4B3D00, #001D4B, #080500)
- Chalky Terrace color palette (#DFF0FE, #0070A7, #973200, #003C5D, #110200)
- Linen Cobalt color palette (#C5E7DC, #0085D0, #816700, #004D7B, #332700)
- Timeworn Byzantium Lantern color palette (#D4EBE0, #7093EF, #8852B6, #003D3F, #000A17)
- Smoked Lapis Courtyard color palette (#DADFFB, #4217D6, #473F00, #190065, #070600)
- Fern Studio color palette (#EDE3D3, #5E5D00, #382900, #1D0C00, #040400)
Browse the whole catalog at Explore, or see today's palette.