Muted Cocoa Lagoon color palette — #D6EADA · #5C9A9F · #386485 · #5F320E · #341824

Cocoa and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D6EADA): A whisper-light, dusty teal — the color of sea glass.
• Storm Blue (#5C9A9F): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#386485): A full-bodied, dusty blue — the color of deep harbor water.
• Cocoa (#5F320E): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#341824): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Cypress Balcony color palette (#E1E0CA, #649E77, #007476, #602634, #2C162C)
• Muted Denim color palette (#D3E7DD, #719DB0, #3C6299, #533400, #022712)
• Weathered Turquoise color palette (#D3EFF1, #3AA6C4, #2F6C8F, #514266, #4E2638)
• Ancient Studio color palette (#D5ECE7, #44A182, #006262, #214218, #001618)
• Tempered Terrace color palette (#DAFDFF, #79D1E8, #618FAF, #6F4958, #381F3D)
• Cerulean Lagoon color palette (#E7F0D7, #61B3BA, #5784AE, #785030, #3B3630)
• Quiet Courtyard color palette (#C9F4FF, #1B7BA3, #3C3A92, #2E2200, #070C00)
• Gentle Terracotta color palette (#D9F1FF, #007793, #A62C00, #5E4900, #000D13)

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