Azure Lagoon color palette — #F3F8E6 · #D8E3F7 · #00A4EF · #006F85 · #002644
Built around Cornflower, softened by Teal — the whole palette hums with trust and stability.
The five colors
- Ivory (#F3F8E6): A whisper-light, dusty green — the color of new leaves after rain.
- Frost (#D8E3F7): A whisper-light, dusty violet — the color of wild irises.
- Cornflower (#00A4EF): A luminous, balanced blue — the color of deep harbor water.
- Teal (#006F85): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#002644): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Sky Lagoon color palette (#F4F6EE, #BCE1F1, #39B2ED, #007C8F, #06372C)
- Pale Periwinkle color palette (#FFF3E9, #AAE3FF, #63AFFF, #009796, #232B67)
- Hushed Denim Market color palette (#E3E3D8, #6EB0AD, #006166, #002C25, #000102)
- Hazy Cobalt Cabin color palette (#E9F6EB, #6DC8F3, #0076BE, #005058, #001447)
- Cerulean Ridge color palette (#F4F6F0, #C1DFF4, #94BDF7, #3B8BB5, #50344C)
- Wandering Apricot color palette (#FFF3E8, #FD952C, #00B770, #9D5600, #002613)
- Faded Plum color palette (#FFF3E6, #D48600, #51A100, #D00065, #1D0E00)
- Quiet Ember Boulevard color palette (#FFF2EF, #FF9670, #DA5D00, #803E00, #3F2000)
Browse the whole catalog at Explore, or see today's palette.