Cocoa Lagoon color palette — #FFF2EE · #E0D9CF · #E0B0A8 · #A6B5B2 · #7C3E24

Bronze takes the lead with Rosewood Mist close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E0D9CF): bright and airy, almost weightless.
• Rosewood Mist (#E0B0A8): A luminous, dusty orange — the color of toasted spice.
• Ash (#A6B5B2): a calm mid-gray that lets other colors speak.
• Bronze (#7C3E24): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Wandering Cocoa color palette (#FFF3E3, #DAE3C7, #98C2CE, #C99F77, #664600)
• Softworn Bronze Atelier color palette (#FDF3E9, #E0DFC0, #C3A98C, #A16D39, #543A00)
• Amber Courtyard color palette (#FFE1DC, #D99F88, #CB7927, #7C1E2F, #040000)
• Sand Harbor color palette (#FBF1FB, #E9D5D9, #FFC1A5, #A67683, #5E4E5B)
• Dusty Dune color palette (#FFECC6, #CBF9F3, #C0D0EA, #5E4000, #2C2721)
• Wandering Cocoa Basin color palette (#FCF3ED, #DFDDCD, #A97961, #6B3601, #211914)
• Mallow Market color palette (#FFF1F2, #E4B0D7, #76B9D1, #6085AE, #402B2D)
• Hushed Apricot Thicket color palette (#FFF3E8, #E6AB7A, #87A473, #8B5E7F, #2F211B)

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