Cerulean Lagoon color palette — #F4F6EE · #B9E9D3 · #5691B8 · #306B7A · #2E4F47
Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Ivory (#F4F6EE): a clean, paper-quiet neutral.
- Mint (#B9E9D3): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#5691B8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#306B7A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#2E4F47): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Turquoise Balcony color palette (#C3F5FF, #00B2D3, #008AAD, #076485, #1F5041)
- Timeworn Cobalt Garden color palette (#F4F7E8, #95D9F4, #028ABC, #006472, #154462)
- Cobalt Cabin color palette (#D8FFF4, #378ED6, #9563AF, #1C796C, #213E37)
- Azure Basin color palette (#E3FCF1, #36ACE1, #6B994B, #006F97, #43433C)
- Teal Field color palette (#E8E9DB, #5BAEB0, #00636C, #003F38, #00242B)
- Powder Meadow color palette (#D9FFF5, #E2D9E2, #B5BCE9, #54829C, #5B4B5C)
- Tempered Cerulean color palette (#E0E2D3, #308EA0, #004454, #002224, #000B12)
- Aqua Hollow color palette (#F6F6E7, #00D2CD, #007D82, #00574A, #003A41)
Browse the whole catalog at Explore, or see today's palette.