Airy Harbor color palette — #DAFFEF · #2DF2EC · #00B4E5 · #526FFF · #003A5E
Built around Sapphire, softened by Lagoon — the whole palette hums with trust and stability.
The five colors
- Honeydew (#DAFFEF): A whisper-light, dusty teal — the color of glacier melt.
- Lagoon (#2DF2EC): A whisper-light, balanced teal — the color of glacier melt.
- Cyan (#00B4E5): A luminous, balanced blue — the color of deep harbor water.
- Sapphire (#526FFF): A luminous, vivid violet — the color of twilight just after sunset.
- Navy (#003A5E): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged candy, vibrant, light, cool.
Use it as a design system
One click turns Airy 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
- Frosted Cobalt Courtyard color palette (#DFFEE8, #00E7D0, #00C7E7, #007EDD, #003E55)
- Sunlit Cabin color palette (#E1FCF5, #41DEFB, #77B6FF, #8457FF, #11376D)
- Dusty Grove color palette (#DDFAED, #00EFB3, #00BAF2, #A856F3, #011941)
- Lucid Delta color palette (#C0E4FF, #409FF8, #3162EF, #3617CB, #3D2A7C)
- Quiet Workshop color palette (#D7FAED, #00BDD0, #019DE9, #6438EF, #002040)
- Feathered Archive color palette (#EAF8FF, #54FBA6, #78D3FF, #C37AFF, #003B62)
- Wandering Cerulean color palette (#FBF4EA, #B7D8BF, #008DAF, #00675D, #004566)
- Washed Harbor color palette (#FEF0FB, #AEDDFF, #98B2FF, #B360C7, #3A3258)
Browse the whole catalog at Explore, or see today's palette.