Cocoa Lagoon color palette — #FFF2EC · #D8998E · #6CAA9A · #4B81A3 · #642907

Rust takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Camel (#D8998E): A luminous, dusty orange — the color of sun-warmed clay.
• Turquoise (#6CAA9A): A luminous, dusty teal — the color of glacier melt.
• Slate (#4B81A3): A full-bodied, dusty blue — the color of deep harbor water.
• Rust (#642907): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Dusty Cobalt color palette (#FEF3E6, #C6A572, #65A6BD, #7773A7, #543600)
• Stone Station color palette (#FDF4E9, #D0AA7B, #6A9979, #3C6F8D, #5B353F)
• Wandering Loft color palette (#FFF1F1, #D593BC, #8BA47E, #388986, #4A3838)
• Hushed Thicket color palette (#FBF2F9, #FEAA9C, #6CC1AC, #5788AA, #3A2D37)
• Worn Loft color palette (#FFF2E9, #E47314, #0099A0, #3860B5, #442007)
• Denim Parlor color palette (#FFF2EA, #BA8067, #678A60, #216494, #423C37)
• Patina Pier color palette (#F7F3FD, #ECABD3, #6FC9C0, #A48DC4, #413949)
• Hushed Thicket color palette (#FAF4EE, #DADAD3, #ABB5AC, #B69477, #57514C)

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