Cocoa Lagoon color palette — #CEEDF2 · #00665D · #6B2900 · #471900 · #040100
Built around Rust, softened by Pine — the whole palette hums with optimism and sophistication.
The five colors
- Frost (#CEEDF2): A whisper-light, dusty blue — the color of deep harbor water.
- Pine (#00665D): A full-bodied, balanced teal — the color of sea glass.
- Rust (#6B2900): A deep, shadowed, balanced orange — the color of toasted spice.
- Espresso (#471900): A deep, shadowed, dusty orange — the color of toasted spice.
- Black (#040100): quiet, heavy and certain.
Feels like: Optimism, Sophistication. Tagged jewel, vibrant, 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
- Patina Denim color palette (#CDEAF8, #005F7B, #4A4100, #302A00, #000301)
- Twilit Garnet color palette (#DBE9F9, #005386, #6A0400, #3A0100, #000300)
- Pale Garnet color palette (#D6ECF1, #006F6E, #6E0046, #4A002E, #030100)
- Dusty Harbor color palette (#D3ECEF, #007768, #7A0060, #2C2700, #090700)
- Garnet Workshop color palette (#D4F7EB, #4D6500, #810038, #48001C, #090002)
- Quiet Study color palette (#FFE7EF, #008286, #3637A4, #412300, #000D15)
- Dusty Dune color palette (#DDE2F6, #7323FA, #654400, #483000, #000B0D)
- Eclipse Spruce Garden color palette (#EAEBDB, #194200, #440010, #210C00, #020200)
Browse the whole catalog at Explore, or see today's palette.