Azure Lagoon color palette — #FFF2EC · #A7F5FB · #00A1C8 · #006D4D · #002038

Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Sea Foam (#A7F5FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#00A1C8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006D4D): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002038): A deep, shadowed, dusty 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

• Pale Pier color palette (#FCF3ED, #C2F2DC, #2A95F4, #006A68, #131A40)
• Washed Sky color palette (#FEF2ED, #D4D8EA, #4DB2E4, #00816C, #182F4C)
• Ancient Cobalt Atelier color palette (#FFF2EA, #8DD8F3, #0080C8, #00524C, #02072B)
• Wandering Harbor color palette (#E7F2E9, #80BEC2, #00758A, #005143, #003346)
• Weathered Denim color palette (#EBDCD3, #71ACBD, #005B86, #002C26, #000107)
• Timeworn Loft color palette (#FBF4EE, #C1E4F6, #8CBEFF, #199497, #4E3747)
• Washed Fuchsia Bloom color palette (#FFF1F3, #DA77E2, #338600, #007E60, #1A011D)
• Tempered Ultramarine color palette (#F7ECE0, #79BEF5, #2D59D8, #003D44, #030011)

Browse the whole catalog at Explore, or see today's palette.