Airy Azure Harbor color palette — #FEF2EE · #BDDFBC · #00A5CC · #347E3E · #213C59
Built around Cyan, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#FEF2EE): bright and airy, almost weightless.
- Celadon Mist (#BDDFBC): A whisper-light, dusty green — the color of fresh herbs.
- Cyan (#00A5CC): A luminous, balanced blue — the color of open sky before noon.
- Olive (#347E3E): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#213C59): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Airy Azure Harbor 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
- Linen Azure color palette (#FFF2EC, #9FE9F7, #00A6F1, #00865E, #2F3D68)
- Pine Villa color palette (#FDF1F9, #D2D5E5, #64B3C8, #2A8157, #00324C)
- Cornflower Loft color palette (#F8ECE5, #99CEE0, #1689E7, #006E5A, #262951)
- Worn Terrace color palette (#FCF4EB, #B5DFD0, #6E90EE, #007C79, #512D3F)
- Lagoon Parlor color palette (#F6F6EB, #C9EBC8, #6AC2C8, #00A28E, #00434C)
- Ancient Courtyard color palette (#EEF8F0, #96D2D0, #008897, #17614B, #034153)
- Powder Harbor color palette (#F9F4EF, #C6DFF0, #9FADEC, #549294, #644A54)
- Weathered Cobalt color palette (#EEE4E0, #6AC1CA, #007FAD, #005D36, #031B4B)
Browse the whole catalog at Explore, or see today's palette.