Cocoa Lagoon color palette — #F9DBC7 · #B4772A · #7F3300 · #46000B · #020100

Rust takes the lead with Caramel close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#F9DBC7): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#B4772A): A luminous, balanced gold — the color of old brass.
• Rust (#7F3300): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#46000B): A deep, shadowed, balanced orange — the color of toasted spice.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, 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

• Ancient Bronze color palette (#FBECD7, #958726, #674600, #381700, #010100)
• Worn Chestnut Bloom color palette (#F9E0CD, #BC9155, #8C4D1F, #581815, #050400)
• Bronze Grove color palette (#FFF3E8, #E8B04A, #BB6400, #842B1D, #1D1800)
• Muted Bronze Drift color palette (#FFF5DA, #A9BA88, #82782F, #5F3F00, #121400)
• Cellar Amber color palette (#DBE2D4, #CC7521, #003427, #060E0F, #000201)
• Ancient Amber color palette (#FFF4E0, #D1D78B, #AB8F3D, #875111, #182F04)
• Soft Hollow color palette (#E1EDDB, #006F61, #7A1681, #470043, #000201)
• Weathered Ridge color palette (#E6EDDD, #00A776, #3929C0, #004830, #040002)

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