Airy Olive color palette — #FFF0F8 · #F7A884 · #B79E49 · #578D4D · #52283D
A conversation between Fern and Mustard, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Melon (#F7A884): A luminous, balanced orange — the color of sun-warmed clay.
- Mustard (#B79E49): A luminous, balanced green — the color of new leaves after rain.
- Fern (#578D4D): A full-bodied, balanced green — the color of fresh herbs.
- Mulberry (#52283D): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Optimism, 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
- Washed Sand color palette (#FFF1F5, #EEBD88, #A8B071, #639379, #503955)
- Weathered Stone Studio color palette (#FBF2FC, #F4A4B3, #CA916B, #877F39, #442D52)
- Weathered Driftwood color palette (#FFF1F6, #F3AC75, #A3A561, #9D65A2, #58252A)
- Plum Basin color palette (#E3F8E8, #D3AC50, #6CA45F, #AA4A73, #491D00)
- Powdered Tangerine color palette (#FFDCF3, #FF7C50, #A68600, #027D1E, #480022)
- Tempered Amber color palette (#FFF1F0, #E6A4C2, #AF7F48, #00696C, #401841)
- Mustard Studio color palette (#E1FEE9, #DEB100, #6BAD46, #008879, #600301)
- Blush Orchard color palette (#FCF1FE, #E48494, #4F9160, #006C6B, #293461)
Browse the whole catalog at Explore, or see today's palette.