Azure Lagoon color palette — #ECDDE5 · #8DCAE2 · #4498DD · #007E77 · #0E1A47

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

The five colors

• Shell Pink (#ECDDE5): a clean, paper-quiet neutral.
• Sky (#8DCAE2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#4498DD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007E77): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#0E1A47): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, 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

• Pine Alley color palette (#F3E1EC, #82D0CC, #00A3BD, #00824B, #002234)
• Hushed Coast color palette (#FEE8EF, #8AB5DB, #597CE1, #006B78, #16013F)
• Periwinkle Coast color palette (#F7EBEF, #A7DAFF, #74A3FA, #008F9A, #292559)
• Cobalt Corridor color palette (#EDEFE4, #86BACF, #007FAD, #005763, #002237)
• Weathered Emerald Hollow color palette (#FFF0FB, #83EEF0, #00BEE2, #009D67, #003754)
• Wandering Denim color palette (#EDE3DD, #62A7C0, #005C93, #003A35, #010230)
• Peony Station color palette (#EBD9DE, #EC3B8D, #009A78, #007B8F, #280012)
• Washed Teal Atelier color palette (#FBF2F6, #D7DEF5, #A1C0EA, #53A8AA, #3C4762)

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