Cocoa Lagoon color palette — #E4E4F4 · #9D678B · #7C3F38 · #003D3E · #001113
Built around Coffee, softened by Mocha — the whole palette hums with creativity and sophistication.
The five colors
- Frost (#E4E4F4): A whisper-light, dusty violet — the color of a velvet chair.
- Mocha (#9D678B): A full-bodied, balanced pink — the color of a candy shop window.
- Coffee (#7C3F38): A full-bodied, balanced orange — the color of autumn markets.
- Deep Teal (#003D3E): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001113): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Creativity, Sophistication. Tagged vintage, retro, 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
- Ancient Balcony color palette (#FAE7F1, #A76254, #6C4A10, #01384E, #001520)
- Timeworn Pewter Pier color palette (#D8E6F4, #766AA7, #71455D, #203E19, #021500)
- Ancient Study color palette (#E4E0FF, #A37196, #872222, #002927, #000102)
- Timeworn Garnet color palette (#E7DBED, #8E565A, #60200E, #282200, #011404)
- Weathered Bronze color palette (#FDE1F5, #BB8277, #8A632D, #1F4C61, #002E41)
- Frosted Brick Study color palette (#EEDBD5, #B23648, #00684C, #6D001E, #000804)
- Soft Garden color palette (#F6DFE0, #A60033, #005956, #0D3C52, #070001)
- Frosted Plum color palette (#F7ECF8, #AD3B95, #810045, #54000C, #180200)
Browse the whole catalog at Explore, or see today's palette.