Azure Lagoon color palette — #E3F7F1 · #30A3F5 · #65525B · #2F3B37 · #1D231F
A conversation between Cornflower and Charcoal Brown, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E3F7F1): A whisper-light, dusty teal — the color of sea glass.
- Cornflower (#30A3F5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#65525B): A full-bodied, dusty rose — the color of pressed rose petals.
- Charcoal (#2F3B37): quiet, heavy and certain.
- Onyx (#1D231F): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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
- Aged Veranda color palette (#EDF6FF, #7FB4E2, #4C546A, #212C37, #0A1114)
- Weathered Thicket color palette (#EBF5EB, #00B1B4, #475E57, #313B32, #20231C)
- Timeworn Lilac color palette (#FFECF5, #A088EE, #675253, #3F343A, #242024)
- Tempered Atelier color palette (#E9F5F2, #8FBBE8, #887486, #465954, #1C2421)
- Wandering Coast color palette (#E9F3FE, #4281BB, #343D4A, #1F2A34, #13151C)
- Patina Cornflower color palette (#F5DCF1, #4E79FF, #523A5D, #31202F, #08150F)
- Lilac Corridor color palette (#FFF0F8, #ABA4FE, #A5AA6B, #6F976C, #4F3C47)
- Weathered Corridor color palette (#FFF0F9, #BCBDFD, #BEB36C, #8586BA, #504D46)
Browse the whole catalog at Explore, or see today's palette.