Cobalt Lagoon color palette — #E7F2E9 · #A4C9E9 · #4A87D7 · #00697C · #202A54
Built around Azure, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Cream (#E7F2E9): a clean, paper-quiet neutral.
- Sky (#A4C9E9): A luminous, dusty blue — the color of deep harbor water.
- Azure (#4A87D7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00697C): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#202A54): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.
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
- Aged Archive color palette (#E7F2E9, #8AD3D6, #0096AE, #006E5A, #003345)
- Misty Cornflower color palette (#FCF4E7, #CEEAFF, #3890FF, #00677A, #111944)
- Patina Petrol color palette (#EDF6FF, #C4CAFF, #C2A4DB, #2A7B9F, #2A3456)
- Timeworn Corridor color palette (#C7E7ED, #00AED8, #007DB7, #004C8F, #1A2F60)
- Weathered Petrol Thicket color palette (#F8EAF0, #98B5CF, #4E62AC, #00504F, #342153)
- Feathered Periwinkle color palette (#F5EDE5, #A5DBFF, #7BA0FF, #00918D, #31254D)
- Frosted Grove color palette (#EBFAEE, #B4E3F7, #20ABD4, #008478, #004567)
- Ancient Coast color palette (#F1F7F2, #DBDDEC, #9BB3D5, #5490A4, #47526D)
Browse the whole catalog at Explore, or see today's palette.