Cerulean Lagoon color palette — #FDF1F9 · #BBF0FF · #00A2C2 · #006E46 · #002135
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FDF1F9): a clean, paper-quiet neutral.
- Frost (#BBF0FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#00A2C2): A luminous, balanced blue — the color of open sky before noon.
- Pine (#006E46): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#002135): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cerulean 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
- Hushed Azure color palette (#FDF1F8, #D4E0FE, #5A96D4, #006A68, #131943)
- Aqua Market color palette (#DFECE9, #57C7C8, #007A83, #004C44, #001A1F)
- Timeworn Cobalt Pier color palette (#FDF1F8, #9DD6E7, #0082BF, #005249, #00082B)
- Gentle Field color palette (#EFF0E1, #91E4E4, #00BAC7, #009283, #00343D)
- Denim Delta color palette (#F4E9F0, #7CAABF, #005C81, #002C24, #000105)
- Powdered Ember Veranda color palette (#E5F9FF, #00C2C4, #EA5D4D, #007273, #360100)
- Sky Alley color palette (#FCF2F8, #D4D4E3, #5DB6FF, #008881, #1D2F6B)
- Washed Lagoon color palette (#E6F9FF, #D4DAE8, #C6C5FF, #009D6B, #002632)
Browse the whole catalog at Explore, or see today's palette.