Airy Harbor color palette — #FDF3EC · #A5D6F1 · #2E7FDD · #006668 · #343A6C

A conversation between Azure and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Powder Blue (#A5D6F1): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#2E7FDD): A full-bodied, vivid blue — the color of deep harbor water.
• Peacock (#006668): A full-bodied, dusty teal — the color of sea glass.
• Navy (#343A6C): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Hushed Atelier color palette (#FCF3EE, #CBE3D4, #4F92BD, #007265, #34486A)
• Sunlit Cobalt Cabin color palette (#E5F6F5, #9BD9FC, #008BD0, #005F74, #002647)
• Sunlit Sapphire color palette (#FEF3E9, #91BEDE, #2264DD, #00555B, #2E2270)
• Misty Azure Orchard color palette (#F3F7E9, #B1E3FF, #07A5F5, #007F99, #204263)
• Timeworn Sapphire color palette (#FFF1F6, #F7D2D9, #ED9C95, #3E69D7, #54395E)
• Ancient Veranda color palette (#F5EAE2, #5399B7, #004B84, #00302F, #080049)
• Misty Courtyard color palette (#FFF1F7, #C6EBFF, #81BAFF, #00A5A7, #343B6A)
• Patina Balcony color palette (#F2E3DD, #478D91, #004355, #002417, #000A16)

Browse the whole catalog at Explore, or see today's palette.