Airy Olive color palette — #F1D4E7 · #9FA8FF · #6E8A08 · #227A47 · #281122

Olive Leaf takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.

The five colors

• Thistle (#F1D4E7): A whisper-light, dusty pink — the color of neon signs at night.
• Lavender (#9FA8FF): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#6E8A08): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#227A47): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#281122): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

One click turns Airy Olive 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

• Wisteria Cabin color palette (#F9E2EC, #C085FF, #588200, #006E46, #071905)
• Ancient Boulevard color palette (#FFE7F0, #BD92FF, #94AB4D, #798C3C, #351F28)
• Faded Lilac color palette (#F3D8E8, #9593FF, #A97B00, #006F7A, #002529)
• Misty Field color palette (#BFE9DB, #57BAFF, #937C00, #54711E, #002119)
• Frosted Fuchsia color palette (#FED1D7, #FB70F8, #588E34, #007756, #2D0F16)
• Aged Bloom color palette (#D6E5BA, #AC97FF, #D85475, #00776A, #391821)
• Hushed Violet Bloom color palette (#D4DCFF, #8557FF, #986600, #286120, #131735)
• Gentle Magenta color palette (#FBD2DA, #E050FF, #00A890, #008774, #2B1118)

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