Cocoa Lagoon color palette — #FFDEDC · #DC9789 · #AE694C · #703600 · #361B00

Bronze takes the lead with Mocha close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#FFDEDC): A whisper-light, dusty orange — the color of autumn markets.
• Camel (#DC9789): A luminous, balanced orange — the color of toasted spice.
• Mocha (#AE694C): A full-bodied, balanced orange — the color of sun-warmed clay.
• Bronze (#703600): A full-bodied, balanced gold — the color of old brass.
• Espresso (#361B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

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

• Airy Garnet color palette (#FFECF4, #E69CB2, #B0616D, #7C2B2E, #450500)
• Softworn Canyon color palette (#FFF0F8, #DC9AA4, #AF6049, #7A4300, #4A3C00)
• Bronze Boulevard color palette (#FFEAD4, #C9A973, #91782C, #4F4600, #202200)
• Patina Amber color palette (#FFEEE5, #FFC7CC, #FCA18B, #C77A3D, #331B0B)
• Softworn Pewter color palette (#F9EFED, #DDD6CD, #C4BBAD, #996469, #342926)
• Softworn Amber Station color palette (#FFEEE3, #BC7B5D, #76631E, #264B1D, #370A24)
• Patina Veranda color palette (#FCE3D8, #D36D00, #8E5200, #4B3000, #191000)
• Hushed Moss color palette (#F3EBD9, #A38E20, #615D00, #2D3400, #0A1300)

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