Azure Lagoon color palette — #F4F7EB · #D1E4F9 · #00A8DD · #00707C · #00283D
Cyan and Teal set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F4F7EB): a clean, paper-quiet neutral.
- Frost (#D1E4F9): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#00A8DD): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00707C): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#00283D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Turquoise Garden color palette (#F6F6E9, #B0FFFD, #00AEB9, #007465, #002A31)
- Airy Aqua color palette (#E6FAF8, #5AC7EC, #0078A1, #00545F, #003754)
- Denim Station color palette (#E6EADF, #82A7C6, #05559A, #002939, #000106)
- Sky Archive color palette (#FFF2EB, #9FE6FF, #4CB3FF, #00998E, #1C2F62)
- Wandering Cypress color palette (#EFEFE0, #7AC7C0, #007678, #003F33, #000304)
- Washed Cabin color palette (#F4F6EF, #C5DCEA, #8EC0EE, #008FB4, #4D364E)
- Sunlit Iris color palette (#EBFCDB, #00D1A0, #6894FF, #007E5F, #030068)
- Hushed Cobalt Corridor color palette (#F4F7E8, #A0D5EC, #0084B9, #004F5D, #000E1C)
Browse the whole catalog at Explore, or see today's palette.