Airy Harbor color palette — #E9FDDD · #00AC90 · #5B70EC · #006C5A · #262F7D

Built around Sapphire, softened by Navy — the whole palette hums with creativity and calm.

The five colors

• Custard (#E9FDDD): A whisper-light, dusty green — the color of a quiet forest floor.
• Turquoise (#00AC90): A luminous, balanced teal — the color of glacier melt.
• Sapphire (#5B70EC): A full-bodied, vivid violet — the color of wild irises.
• Pine (#006C5A): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#262F7D): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Creativity, Calm, Balance. Tagged 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

• Pale Moss color palette (#F5F9D4, #42AE39, #0087C5, #15700E, #003F5F)
• Weathered Station color palette (#E4FCED, #58ADC3, #A076B3, #007287, #51365D)
• Cobalt Boulevard color palette (#B1FDF1, #009487, #0075C9, #5B6800, #003933)
• Pale Plum Lantern color palette (#BFF2DF, #008ECB, #B42B9C, #00547B, #520046)
• Misty Teal color palette (#D6FFF9, #00C3B6, #007B74, #004642, #00322E)
• Soft Bronze Balcony color palette (#E3FEE6, #00A8B0, #8C8100, #00696F, #413C00)
• Hazy Seafoam color palette (#DDFCFF, #00E5BC, #9CB2FF, #00B090, #263374)
• Fern Canyon color palette (#D0E7D1, #007D7F, #645A00, #004244, #1F1B00)

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