Muted Cocoa color palette — #CCF2E3 · #0077A7 · #812C00 · #003A41 · #0A2033

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

The five colors

• Honeydew (#CCF2E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0077A7): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#812C00): A full-bodied, balanced orange — the color of toasted spice.
• Deep Teal (#003A41): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#0A2033): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged cool.

Use it as a design system

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

• Hazy Villa color palette (#D2F0E6, #0074B4, #6D3F00, #0C3E01, #00251C)
• Mulberry Canyon color palette (#D9EFDA, #007E82, #8F0034, #003E22, #002422)
• Gentle Corridor color palette (#F6E0F2, #3055FB, #6E3E00, #003947, #1B1A42)
• Faded Brick Courtyard color palette (#E1EDFD, #BA82C9, #A84748, #005B5A, #053F50)
• Softworn Moss color palette (#F6EBCB, #58A74D, #006A58, #731E3F, #0F380A)
• Wandering Indigo Balcony color palette (#FFF0F9, #7567E2, #635C00, #004661, #19294A)
• Linen Amber color palette (#DFE7FF, #9C9BFF, #D36800, #00786C, #002A2B)
• Tempered Peony Station color palette (#FFF1F0, #C2658F, #007464, #0B4A7C, #1A3A58)

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