Cobalt Lagoon color palette — #F9EEF5 · #A6CEE4 · #2B83BC · #005C54 · #111F3E
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Blush (#F9EEF5): a clean, paper-quiet neutral.
- Sky (#A6CEE4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#2B83BC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005C54): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#111F3E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, 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
- Cerulean Bloom color palette (#EDF8F6, #97CFE2, #0084AC, #005E68, #153F56)
- Dusty Station color palette (#F9EFF2, #CBDFF1, #6E8DC9, #006B74, #222A48)
- Softworn Courtyard color palette (#F3E5E9, #95B7DA, #5165B2, #004955, #180B35)
- Lagoon Atelier color palette (#E9DAE4, #429A98, #005362, #002E18, #00050B)
- Sunlit Raspberry Veranda color palette (#D3EFF1, #49A487, #AB58A1, #00644D, #31082D)
- Patina Cypress color palette (#D7F9FF, #5DBFB1, #00755F, #003A33, #000E09)
- Washed Lagoon color palette (#F4EAEF, #70A4BE, #0058A2, #003939, #050030)
- Pine Courtyard color palette (#DDE7C7, #6FA764, #008447, #004D40, #002A2B)
Browse the whole catalog at Explore, or see today's palette.