Cocoa Lagoon color palette — #F9DEF3 · #8F5965 · #622D18 · #002A14 · #001615

Cocoa takes the lead with Pewter close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F9DEF3): A whisper-light, dusty pink — the color of peonies in June.
• Pewter (#8F5965): A full-bodied, dusty red — the color of late-summer berries.
• Cocoa (#622D18): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Forest (#002A14): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#001615): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, 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

• Weathered Bronze color palette (#EDD9D7, #936242, #523D00, #002429, #090B23)
• Worn Harbor color palette (#EBECFF, #7E5C84, #660C3F, #252400, #001702)
• Twilit Station color palette (#E2DDEF, #89324F, #492900, #00191B, #000606)
• Hushed Plum Coast color palette (#F2E6FD, #B55875, #754D2C, #003333, #001702)
• Terracotta Studio color palette (#FCE9E1, #9D3A00, #501400, #1D2419, #170300)
• Cellar Studio color palette (#D4E2D7, #675F00, #253000, #200636, #000804)
• Nocturne Coast color palette (#F9DCE8, #AE004C, #600012, #310100, #160300)
• Cellar Garnet color palette (#F3DDF0, #9B0016, #004750, #440005, #000709)

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