Cocoa Lagoon color palette — #FEEFDE · #BBA989 · #8B7049 · #674326 · #2A2207

Bronze and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FEEFDE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#BBA989): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#8B7049): A full-bodied, dusty gold — the color of old brass.
• Bronze (#674326): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Onyx (#2A2207): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Aged Driftwood color palette (#F5F2E6, #BFBCA2, #968139, #725200, #2C2E1A)
• Chestnut Corridor color palette (#ECDECA, #A49966, #7E5F19, #57350F, #1E1700)
• Timeworn Cocoa Drift color palette (#EDF9ED, #8DB19E, #8F6B36, #79402B, #24443D)
• Muted Cobalt Meadow color palette (#FFEBFB, #6783CB, #9A683C, #4D5822, #251222)
• Nocturne Fern color palette (#F5EAD0, #6D6300, #453300, #251300, #010200)
• Garnet Field color palette (#EFEDFF, #C09FDE, #976798, #712652, #42001C)
• Patina Pier color palette (#FAEDF9, #C8B07E, #3B5580, #371C36, #140713)
• Tempered Denim Grove color palette (#F7EFF4, #9FAEF4, #9F588E, #4F5CAB, #1C0709)

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