Cocoa Lagoon color palette — #E9F8FF · #AEC5DA · #8D99B2 · #7C6C78 · #664A45
A conversation between Coffee and Blue Fog, giving this palette its sense of sophistication.
The five colors
- Ivory (#E9F8FF): a clean, paper-quiet neutral.
- Sky (#AEC5DA): A luminous, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#8D99B2): A luminous, dusty violet — the color of twilight just after sunset.
- Pewter (#7C6C78): A full-bodied, dusty pink — the color of peonies in June.
- Coffee (#664A45): A full-bodied, dusty orange — the color of sun-warmed clay.
Feels like: 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
- Driftwood Study color palette (#E0F2FF, #9CB0DA, #8671A3, #745034, #31533B)
- Ancient Abyss Garden color palette (#E2F7F5, #B2CACA, #7991A5, #536959, #274D4A)
- Weathered Iris color palette (#CDE6FC, #898DC5, #7A6289, #654014, #15402E)
- Wandering Cerulean Quarry color palette (#EBF7FF, #88BCE8, #5F89BD, #546491, #475370)
- Hushed Petrol color palette (#EFF6FF, #96B0DF, #AD9663, #5572A7, #395540)
- Softworn Chapel color palette (#F1F5FF, #C0C5F4, #767FB2, #4A4C7E, #283653)
- Timeworn Cocoa Summit color palette (#E3FDEC, #BFE1E4, #E0B8D1, #AA9184, #6F4400)
- Wandering Driftwood color palette (#D8E3FC, #8C76AD, #6B4364, #483700, #1F2B00)
Browse the whole catalog at Explore, or see today's palette.