Cocoa Lagoon color palette — #FDF4E3 · #FFCFCC · #AEA369 · #836785 · #603100

Built around Bronze, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#FDF4E3): A whisper-light, dusty gold — the color of honey in a jar.
• Shell Pink (#FFCFCC): A whisper-light, dusty orange — the color of sun-warmed clay.
• Sage (#AEA369): A luminous, dusty green — the color of fresh herbs.
• Slate (#836785): A full-bodied, dusty pink — the color of a candy shop window.
• Bronze (#603100): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, 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

• Timeworn Sand Balcony color palette (#FFF3E8, #FFD599, #81AF8D, #756B92, #4E3D00)
• Antique Quarry color palette (#FBF5E2, #FFCDDA, #BC9C6D, #4F7D6E, #662C09)
• Forest Pier color palette (#FAF1DF, #C4A583, #887745, #006242, #382913)
• Worn Sunflower color palette (#FFF2EA, #E6CC4A, #4BA48D, #705783, #32322B)
• Tempered Driftwood Orchard color palette (#FFF2EE, #E0DECE, #B7C8B4, #99818F, #5C4A55)
• Softworn Shell color palette (#FEF3EC, #FFB8A1, #5EA6B8, #7B607F, #452F48)
• Patina Sand color palette (#EBFAED, #F3C69F, #C2AB7E, #6B987B, #3E4C3C)
• Dusty Dune color palette (#EDF9EF, #D2968C, #8C7439, #445886, #583F4C)

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