Cobalt Lagoon color palette — #FDF2F5 · #AEC8E0 · #4973CF · #005E67 · #37355A
A conversation between Sapphire and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FDF2F5): bright and airy, almost weightless.
- Sky (#AEC8E0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sapphire (#4973CF): A full-bodied, balanced violet — the color of wild irises.
- Peacock (#005E67): A full-bodied, dusty blue — the color of open sky before noon.
- Navy (#37355A): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. 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
- Chalky Market color palette (#FFF0F8, #60C6ED, #0071BE, #005653, #212D62)
- Hushed Cobalt color palette (#F0F4E8, #A3CDEF, #4E7FB5, #005774, #2E162E)
- Softworn Cerulean color palette (#FEF1FA, #97DCE0, #008DAD, #006A49, #164363)
- Aged Quarry color palette (#FAF3F6, #D9DEEF, #819AC4, #277C82, #4B5264)
- Muted Cerulean Market color palette (#F9F4ED, #B8EDDD, #85B3F7, #129BB8, #2F375E)
- Denim Veranda color palette (#F1E6ED, #499CB0, #005073, #003129, #001134)
- Frosted Nightshade color palette (#E7EFE6, #4D85B7, #1A17AA, #002127, #0C0026)
- Aged Plum Coast color palette (#DCF5EC, #96A837, #9C3A9E, #525E00, #4A254A)
Browse the whole catalog at Explore, or see today's palette.