Cerulean Lagoon color palette — #EFF8F1 · #A7F6F5 · #00A4B8 · #006C54 · #00222E
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF8F1): a clean, paper-quiet neutral.
- Sea Foam (#A7F6F5): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#00A4B8): A luminous, balanced blue — the color of open sky before noon.
- Pine (#006C54): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#00222E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Dusty Azure Courtyard color palette (#F0F7F1, #CCE3FF, #009CE0, #00696C, #001E3F)
- Dusty Denim Dune color palette (#E0EAE2, #6BAEBC, #005D79, #002C28, #000103)
- Washed Studio color palette (#EFF8F0, #89DAF0, #0085B4, #00514F, #000D1D)
- Emerald Cabin color palette (#F3EBF4, #85E6E6, #37B4DB, #439252, #132F4D)
- Wandering Field color palette (#F3E6E0, #9FBD9E, #00788E, #004E2F, #001827)
- Hushed Sky Balcony color palette (#EFF8F0, #D6D6E5, #3CBAFF, #00878B, #0E365F)
- Airy Loft color palette (#FFF0FE, #FB7E83, #00A5B2, #BA0032, #001D20)
- Glacier Balcony color palette (#F1F7F2, #D5D6E5, #97D8E8, #659F90, #385161)
Browse the whole catalog at Explore, or see today's palette.