Cocoa Lagoon color palette — #FEF4E4 · #E4D8C0 · #C7B393 · #A48E72 · #594500

Deep Olive and Stone set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FEF4E4): A whisper-light, dusty gold — the color of honey in a jar.
• Bone (#E4D8C0): A whisper-light, dusty gold — the color of honey in a jar.
• Stone (#C7B393): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#A48E72): A luminous, dusty gold — the color of old brass.
• Deep Olive (#594500): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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 Study color palette (#F8E4D2, #E2B98C, #C2926C, #9C6D53, #34302A)
• Bronze Ridge color palette (#F6E7D7, #BE985B, #AA6D11, #854800, #1E1400)
• Wandering Driftwood Boulevard color palette (#EBF5ED, #A1C5AE, #977F4C, #456046, #1E3127)
• Frosted Taupe Studio color palette (#FBEEC6, #C5CE95, #ACA94A, #917F2D, #2F3B13)
• Softworn Aqua Loft color palette (#ECF9F0, #6FD3E9, #B8ADE5, #88A474, #314237)
• Tempered Archive color palette (#F4EAD4, #8A8434, #705F00, #503C00, #030400)
• Ash Field color palette (#EFF8EE, #E3E0B9, #6EABA6, #5E745A, #252E24)
• Hushed Orchard color palette (#F0F7F3, #ADE9FE, #9AB9E5, #5AB9D8, #362936)

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