Cocoa Lagoon color palette — #FCF3EF · #F1C9A4 · #A56C63 · #763A1B · #322925

Bronze and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Wheat (#F1C9A4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mocha (#A56C63): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#763A1B): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#322925): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, 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

• Worn Coast color palette (#FCF3F1, #C0EBD8, #A57A71, #5D3D36, #231816)
• Worn Harbor color palette (#FAF4EA, #DFC07F, #8E6C05, #524010, #282014)
• Timeworn Amber color palette (#FAF4F0, #F4C5B0, #BE934F, #BD7959, #312D27)
• Stone Station color palette (#FEF2EF, #CAC37F, #824C54, #48322D, #29231D)
• Weathered Studio color palette (#EDDACA, #D39838, #804300, #401F00, #140801)
• Aged Archive color palette (#FCF4E6, #DBB881, #9F9450, #3A7D6A, #4B4741)
• Antique Taupe Quarry color palette (#FCF1FB, #C5E9CC, #C38F8D, #7A6578, #322731)
• Charred Bronze color palette (#F2DFD5, #A36400, #501400, #191A0F, #110200)

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