Cobalt Lagoon color palette — #EDF7FF · #A9DBFF · #EEA78D · #1D93D3 · #562B1A
Built around Cerulean, softened by Melon — the whole palette hums with trust and stability.
The five colors
- Ivory (#EDF7FF): a clean, paper-quiet neutral.
- Powder Blue (#A9DBFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Melon (#EEA78D): A luminous, balanced orange — the color of autumn markets.
- Cerulean (#1D93D3): A luminous, balanced blue — the color of open sky before noon.
- Espresso (#562B1A): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Trust, Stability, Optimism, Balance. Tagged light.
Use it as a design system
One click turns Cobalt 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
- Glacier Boulevard color palette (#E7F9FF, #74E9F1, #F1A683, #089CA4, #542C19)
- Iris Workshop color palette (#F1F5FF, #D0CEFF, #D5B862, #847CD3, #453707)
- Mallow Summit color palette (#E8F8FF, #8CE5F2, #EA9ED8, #009CAC, #502748)
- Amber Boulevard color palette (#E5F4FF, #5CAFD6, #CA743C, #006E94, #3B1A2D)
- Stone Pier color palette (#EAF8FF, #DCDAE5, #BFB0A4, #85BEB3, #3A495C)
- Sky Harbor color palette (#ECF7FF, #66C6FF, #DC9964, #C1814D, #122E42)
- Antique Corridor color palette (#D1E4F2, #0089B9, #8C5B00, #00425B, #020100)
- Tempered Periwinkle color palette (#EDF6FF, #D4DAE9, #6BA2DE, #265A87, #001B34)
Browse the whole catalog at Explore, or see today's palette.