Airy Pier color palette — #FFF1F4 · #E3ABFF · #9DD661 · #B85EE0 · #284400

Orchid and Chartreuse set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Lavender (#E3ABFF): A whisper-light, balanced violet — the color of a velvet chair.
• Chartreuse (#9DD661): A luminous, balanced green — the color of fresh herbs.
• Orchid (#B85EE0): A luminous, vivid violet — the color of wild irises.
• Deep Olive (#284400): A deep, shadowed, balanced 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 Pier 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

• Feathered Magenta Garden color palette (#FFF1F2, #FFC2F5, #4BD771, #C44AB7, #00481A)
• Hushed Lantern color palette (#FFE8EA, #F29EDE, #79C48A, #C46EB1, #10401F)
• Iris Lantern color palette (#FFF0F9, #BBBEFF, #D5C522, #7F7AF3, #423C00)
• Washed Byzantium color palette (#F8D3D9, #EEA4F2, #5DBB57, #A536AD, #043304)
• Powdered Field color palette (#FFF2EF, #FFA7BF, #28DDD1, #E15184, #004440)
• Softworn Fuchsia color palette (#FAE1FF, #E988FB, #DB9F00, #00B1B9, #402346)
• Wandering Aubergine color palette (#F1F0FF, #D47BFD, #519500, #78009E, #112700)
• Tempered Pier color palette (#C5E5EC, #BCD500, #FF97CC, #784E4C, #2C1B1A)

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