Azure Lagoon color palette — #F4F7EB · #C7ECFF · #009CE2 · #00677B · #00203A

A conversation between Cornflower and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F4F7EB): a clean, paper-quiet neutral.
• Frost (#C7ECFF): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#009CE2): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#00677B): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#00203A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Weathered Workshop color palette (#F6F7E7, #9FF7FA, #00A5B4, #006B61, #00232A)
• Orchid Bloom color palette (#EDF7FF, #0299EB, #9F62C9, #007D6A, #000E1C)
• Timeworn Sky color palette (#A5EEFF, #02C5EE, #008EB9, #005274, #001C2F)
• Peony Dune color palette (#DAFFF0, #26B7FB, #CF61BF, #006B98, #2E0129)
• Hushed Pier color palette (#DBE1CF, #71A7DA, #0051A7, #00283B, #00000B)
• Wandering Petrol color palette (#F3F7EC, #D9D5E0, #7BABDB, #10799C, #3E233E)
• Washed Petrol color palette (#E4EBE5, #89BBD4, #2170A9, #004A51, #00123A)
• Muted Aqua color palette (#EDF0DF, #46C9E5, #00728E, #003D41, #000306)

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