Cobalt Lagoon color palette — #F1E2F0 · #5AC3CC · #007FAA · #005D32 · #021C48
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Blush (#F1E2F0): A whisper-light, dusty pink — the color of a candy shop window.
- Cyan (#5AC3CC): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#007FAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005D32): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#021C48): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, 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
- Softworn Cobalt color palette (#F9E3ED, #7BBADC, #3F71CB, #005A52, #201247)
- Cerulean Lantern color palette (#FFF2EC, #90DAE1, #0087AA, #00543C, #000E1D)
- Turquoise Orchard color palette (#E4E5DB, #5CADB4, #006370, #003E3B, #00242D)
- Cerulean Lantern color palette (#E0F2EF, #96C9DA, #00A4B9, #007E77, #00242D)
- Sunlit Cornflower Terrace color palette (#FFF1F7, #8BD5FF, #4D86F9, #00736B, #352268)
- Dusty Lilac Meadow color palette (#BFE9E8, #7ECBFF, #B992DC, #347852, #012737)
- Scarlet Drift color palette (#D5ECF6, #0097A7, #CC3238, #005E68, #3A0004)
- Weathered Rust Boulevard color palette (#D6EBEE, #00848F, #B03F00, #714800, #00151C)
Browse the whole catalog at Explore, or see today's palette.