Airy Harbor color palette — #FFF0F9 · #9894E6 · #968D00 · #5F58AA · #45423B

Olive Leaf and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Wisteria (#9894E6): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#968D00): A luminous, balanced green — the color of fresh herbs.
• Slate (#5F58AA): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#45423B): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Amber Archive color palette (#FEF0FF, #6EA3E0, #B77C00, #2A67A9, #46423B)
• Moss Harbor color palette (#FFF1F4, #B78DC6, #6B9A2F, #824C94, #374924)
• Antique Meadow color palette (#FFEBF7, #9897F8, #949241, #5D5C9A, #312601)
• Misty Ridge color palette (#F1F5FF, #A9AFFF, #A8AB4C, #7378C2, #444518)
• Misty Bronze Thicket color palette (#FFF0F7, #8B77D4, #BC5D0A, #007B62, #482F3C)
• Pale Orchid color palette (#FFD9E5, #B95FFF, #4C8100, #5C008D, #1D3600)
• Muted Mallow color palette (#FFF0F7, #EAD4CF, #FCAED4, #6E7FB1, #58434A)
• Quiet Harbor color palette (#FFF1F2, #E674C4, #009758, #89006D, #004726)

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