Cocoa Lagoon color palette — #FADAE9 · #593100 · #002A32 · #001519 · #050004
Built around Cocoa, softened by Midnight — the whole palette hums with optimism and sophistication.
The five colors
- Shell Pink (#FADAE9): A whisper-light, dusty rose — the color of strawberry cream.
- Cocoa (#593100): A deep, shadowed, balanced gold — the color of honey in a jar.
- Midnight (#002A32): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001519): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#050004): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, 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
- Basalt Summit color palette (#E0F4E6, #463800, #171E26, #050B00, #060002)
- Patina Bronze Harbor color palette (#F4E0DA, #9B5E00, #473800, #141E00, #000B08)
- Nocturne Garnet Orchard color palette (#E6DBE7, #730024, #192300, #00141C, #070003)
- Obsidian Spruce Ridge color palette (#CBE6E0, #184400, #00262C, #170027, #030100)
- Muted Basalt Cabin color palette (#F5E4EA, #9CAFA1, #63887C, #532C00, #1E0E15)
- Charred Harbor color palette (#EFDFDD, #700040, #002D3F, #090035, #030004)
- Midnight Balcony color palette (#F6E7D3, #834600, #2E3400, #18004D, #120900)
- Moonless Mulberry color palette (#ECE2F5, #A1006F, #004459, #04007A, #040007)
Browse the whole catalog at Explore, or see today's palette.