Airy Harbor color palette — #F3F7EB · #C8EAFF · #76BEF8 · #00A0C5 · #1B416A

Cerulean and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F3F7EB): bright and airy, almost weightless.
• Frost (#C8EAFF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#76BEF8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#00A0C5): A luminous, balanced blue — the color of deep harbor water.
• Navy (#1B416A): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Trust, Stability, 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

• Faded Aqua Workshop color palette (#F5F6EB, #A7F4FC, #30CBE5, #00A6A0, #004759)
• Gentle Cobalt color palette (#ECF1E3, #AED8FF, #74A7E7, #0089BA, #162B58)
• Airy Cobalt color palette (#E9F4F4, #99D9FF, #008AD4, #005F75, #00254A)
• Cerulean Veranda color palette (#ECEDE1, #8CCCD6, #00A3BF, #007D7C, #00242F)
• Sunlit Dune color palette (#FFF2F0, #FFA6C7, #89B8FF, #FB439B, #0A3777)
• Petrol Dune color palette (#E2E4D2, #6EADB2, #008394, #005E59, #000B10)
• Aged Balcony color palette (#F6F6EE, #CAE7DE, #93D4D7, #6EB1A1, #435949)
• Worn Marigold color palette (#FFE4DE, #FF8CA3, #E59900, #AD84E7, #4D1F2A)

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