Azure Lagoon color palette — #FFF2EC · #67DDF8 · #0097D5 · #007464 · #113162
Built around Cerulean, softened by Ice Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Ice Blue (#67DDF8): A whisper-light, balanced blue — the color of deep harbor water.
- Cerulean (#0097D5): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007464): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#113162): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Azure 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
- Cypress Station color palette (#FFF2EC, #9BE2EF, #4DA0C8, #007E67, #4A2F4C)
- Misty Cornflower Garden color palette (#FFF3E7, #98D2FF, #4E84FF, #00717B, #302A5E)
- Washed Azure Villa color palette (#EBFAEE, #CBE3F9, #00A8DD, #00736E, #002742)
- Misty Cobalt Boulevard color palette (#FFF2EC, #77C5D9, #0073B5, #005842, #232B69)
- Washed Periwinkle color palette (#FFF0FB, #A5E5F9, #57B1FF, #009B7B, #25286D)
- Weathered Ultramarine color palette (#F1E2D3, #4BAAED, #3960BA, #004950, #130738)
- Softworn Powder Hollow color palette (#FBF3EE, #C3F2F1, #8CB6DD, #768E72, #5D4C5A)
- Timeworn Magenta color palette (#FFE1F4, #FF45D1, #008170, #008346, #3B1130)
Browse the whole catalog at Explore, or see today's palette.