Airy Harbor color palette — #FFF1F6 · #D3B8FF · #A2BF30 · #9552E1 · #293300

Amethyst and Lime set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lavender (#D3B8FF): A whisper-light, balanced violet — the color of wild irises.
• Lime (#A2BF30): A luminous, vivid green — the color of new leaves after rain.
• Amethyst (#9552E1): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Forest (#293300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

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

• Antique Atelier color palette (#FFF1F3, #E7A3ED, #80B868, #9F54A6, #103000)
• Patina Indigo color palette (#FFF0FB, #B2C5FF, #DAA807, #4E6AF9, #3C2C00)
• Grape Garden color palette (#FFF1F5, #DA9AFD, #659F3A, #7F2AA5, #0B1E00)
• Feathered Driftwood color palette (#FFF1F1, #FFBDE0, #7ECEAA, #B86E97, #00442E)
• Antique Aubergine Veranda color palette (#F3F4FF, #B983FF, #748A00, #6801B0, #354000)
• Antique Iris color palette (#FFF1F5, #ECD7DC, #CEB7A2, #958EE7, #4C2C4D)
• Soft Wisteria Veranda color palette (#F9F2FF, #CE8DFF, #DA8900, #009A93, #2C143D)
• Tempered Plum color palette (#FFF1F1, #FFD26F, #9F457E, #4C1739, #170002)

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