Cerulean Lagoon color palette — #FDF1F7 · #BCE2FD · #6A8DB8 · #236F6F · #3C4761
Built around Slate Blue, softened by Teal — the whole palette hums with trust and stability.
The five colors
- Ivory (#FDF1F7): a clean, paper-quiet neutral.
- Powder Blue (#BCE2FD): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate Blue (#6A8DB8): A luminous, dusty blue — the color of deep harbor water.
- Teal (#236F6F): A full-bodied, dusty teal — the color of sea glass.
- Charcoal (#3C4761): A deep, shadowed, dusty violet — the color of wild irises.
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
- Washed Cerulean Balcony color palette (#F8EFF3, #C4E1F5, #6C8EC4, #146D63, #232A46)
- Lagoon Veranda color palette (#FDF3EC, #C2E7E8, #8AA6D3, #378A80, #5D3C4E)
- Tempered Orchard color palette (#FCF1F9, #98CFDC, #008799, #2C5F3D, #104055)
- Teal Study color palette (#F4E9F1, #45B0B6, #006179, #00402B, #002139)
- Stone Boulevard color palette (#FAF2FF, #E8DDD3, #DABC94, #7A7195, #524153)
- Muted Cerulean color palette (#F8E9F2, #138FA7, #004160, #00231D, #00071F)
- Peony Harbor color palette (#FBF1FF, #D75283, #059077, #177875, #413147)
- Worn Petrol color palette (#F7EAEF, #7EB9E0, #3966B1, #004F54, #282850)
Browse the whole catalog at Explore, or see today's palette.