Cerulean Lagoon color palette — #F9F4ED · #BCECDF · #0FA3BB · #006C57 · #00222F
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F9F4ED): a clean, paper-quiet neutral.
- Mint (#BCECDF): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#0FA3BB): A luminous, balanced blue — the color of deep harbor water.
- Pine (#006C57): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#00222F): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Patina Basin color palette (#FCF4E8, #C7ECFF, #2C99E5, #006871, #031B46)
- Wandering Turquoise Station color palette (#F9F4ED, #BAE7F2, #54B4D5, #008075, #00324C)
- Aged Summit color palette (#E4F3E7, #61C3C6, #007587, #005141, #003345)
- Worn Harbor color palette (#F4ECDE, #84AE93, #005D7C, #002B29, #000103)
- Muted Cobalt color palette (#FDF4E6, #96D7EC, #0084B8, #005151, #000D1E)
- Weathered Market color palette (#F8F5EF, #C2DEE4, #A2C4E8, #51A393, #315648)
- Misty Bloom color palette (#FFF0FC, #6989F6, #DC4538, #008135, #03052E)
- Dusty Cobalt color palette (#FFF0FB, #FCBFFF, #DFD2D7, #3882C3, #25254B)
Browse the whole catalog at Explore, or see today's palette.