Airy Olive color palette — #F8F6E5 · #98A864 · #827FCD · #5D6F00 · #3E3B6D
Olive takes the lead with Lavender Blue close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F8F6E5): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#98A864): A luminous, balanced green — the color of new leaves after rain.
- Lavender Blue (#827FCD): A luminous, balanced violet — the color of a velvet chair.
- Olive (#5D6F00): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#3E3B6D): A deep, shadowed, balanced violet — the color of wild irises.
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
- Iris Grove color palette (#FDF4E7, #BD9964, #7880D5, #885C00, #3A3F65)
- Olive Garden color palette (#F5F7E4, #82AD79, #BB6A9E, #217A02, #5F2F4F)
- Aged Olive color palette (#E1F8EF, #9DAD63, #009EBA, #5E6D00, #002C3C)
- Weathered Grape color palette (#F8F7E0, #7A9353, #7D6CBC, #824F9E, #393831)
- Misty Moss color palette (#F9F6E5, #B3C165, #10B8D5, #7C8A05, #284B36)
- Airy Raspberry color palette (#EDFAE5, #00AC8D, #C83FA0, #006C58, #5F1C4B)
- Cocoa Harbor color palette (#FFF2EB, #C0A182, #956553, #773E43, #413C36)
- Hazy Delta color palette (#E6FBF3, #C5D768, #BDB1FF, #99A84C, #3A405F)
Browse the whole catalog at Explore, or see today's palette.