Cerulean Lagoon color palette — #ECF7FF · #98CDE6 · #9EBD83 · #4497BA · #2F554D
A conversation between Cerulean and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#ECF7FF): bright and airy, almost weightless.
- Sky (#98CDE6): A whisper-light, dusty blue — the color of deep harbor water.
- Sage (#9EBD83): A luminous, balanced green — the color of fresh herbs.
- Cerulean (#4497BA): A luminous, balanced blue — the color of deep harbor water.
- Charcoal Brown (#2F554D): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged light, muted, cool.
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
- Worn Basin color palette (#E6F9FD, #8CD4C9, #C9AD74, #33A092, #36563D)
- Timeworn Cerulean Study color palette (#E8F8FF, #8DD1DB, #BBA4DE, #399CA8, #484A66)
- Washed Archive color palette (#E9FAEE, #B5D3C2, #85A58F, #637C67, #384D43)
- Worn Ash color palette (#EEF6FF, #D9D8E3, #BCA8A4, #87A7BE, #414E5C)
- Aged Cobalt Courtyard color palette (#ECF7FF, #86B7D4, #C88667, #007CAC, #624154)
- Iris Alley color palette (#F1F5FF, #BDBFF3, #DD9F9D, #8484C4, #5D435C)
- Weathered Archive color palette (#EDF6FF, #B1DAFF, #7AA7D1, #457092, #1B3954)
- Weathered Shell Coast color palette (#FBF2FB, #B9D7FF, #FFABC1, #82ABDF, #66433D)
Browse the whole catalog at Explore, or see today's palette.