Cocoa Lagoon color palette — #ECF7FD · #4D94A9 · #615D9B · #82381A · #18393A

Rust and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF7FD): bright and airy, almost weightless.
• Cerulean (#4D94A9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#615D9B): A full-bodied, balanced violet — the color of wild irises.
• Rust (#82381A): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Teal (#18393A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Worn Cocoa color palette (#EDF7F8, #68A692, #666C9D, #823D17, #0C4C50)
• Muted Alley color palette (#EBF8FA, #5A9A8A, #3C6E91, #713455, #21362D)
• Chestnut Lagoon color palette (#F1F5FF, #818ABC, #8A577A, #654E00, #243B45)
• Pewter Veranda color palette (#F6EFF7, #668DBB, #835084, #693741, #21150B)
• Cerulean Delta color palette (#E6F4FD, #2F88A8, #333D4B, #1A2B35, #11161C)
• Hushed Lagoon color palette (#EFF7F9, #D7DAE0, #B4A8AE, #478F90, #485559)
• Worn Aubergine color palette (#EFF6FF, #296FDD, #6F1F96, #592C00, #002B21)
• Dusty Denim Grove color palette (#DCFCFF, #96C6D5, #4A8CAB, #1A5D9B, #3F3D7E)

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