Cerulean Lagoon color palette — #F7EFF5 · #B9E4F7 · #5895BD · #376A53 · #202C41
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F7EFF5): bright and airy, almost weightless.
- Powder Blue (#B9E4F7): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#5895BD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#376A53): A full-bodied, dusty teal — the color of glacier melt.
- Midnight (#202C41): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Wandering Cerulean color palette (#F9EEF7, #77E3EF, #008EC2, #00663D, #0B224F)
- Tempered Ash Garden color palette (#F8EFF2, #D9D0E3, #8E9AC5, #377777, #323449)
- Powder Garden color palette (#FAF4EC, #BCE6F3, #70C8EC, #4C9089, #26473D)
- Patina Summit color palette (#E9DAE9, #1D8989, #004254, #002106, #000104)
- Navy Basin color palette (#F5DFEC, #0098BE, #004A88, #002D24, #03001B)
- Tempered Jade Field color palette (#DDF9F6, #5FBA7B, #BE6EA4, #247642, #2E1F3F)
- Petrol Harbor color palette (#F3E4EE, #61C2DE, #136FB2, #004D3C, #0F1231)
- Hushed Powder color palette (#DFF8F4, #B3E6FF, #C6BEF2, #897E4F, #1C3738)
Browse the whole catalog at Explore, or see today's palette.