Cocoa Lagoon color palette — #F7E4D5 · #B38E71 · #84573C · #69321C · #342F2A

Built around Rust, softened by Coffee — the whole palette hums with optimism and warmth.

The five colors

• Parchment (#F7E4D5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#B38E71): A luminous, dusty gold — the color of old brass.
• Coffee (#84573C): A full-bodied, dusty gold — the color of honey in a jar.
• Rust (#69321C): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#342F2A): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, 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

• Fern Cabin color palette (#EFE8D4, #979B6B, #6B6628, #524300, #32312A)
• Timeworn Dune color palette (#ECDED2, #A67F54, #7F4500, #592600, #332000)
• Hushed Terracotta Field color palette (#F9E0EC, #C9A77F, #A97151, #8F3D3B, #173825)
• Tempered Amber color palette (#F6E1EB, #E3B895, #DC854C, #A36952, #432630)
• Soft Summit color palette (#FFCFE2, #DD829E, #A04B59, #78111A, #432500)
• Washed Garden color palette (#F9F5E9, #BFB999, #947E36, #755908, #514900)
• Ancient Bronze Meadow color palette (#F5EDDA, #7C6500, #483500, #291800, #0E0B00)
• Weathered Mulberry color palette (#FEF1F3, #C180B6, #A02E42, #7B2771, #28110A)

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