Airy Olive color palette — #FBF9C4 · #ADB676 · #5C8100 · #2E5E0E · #00463C
Olive Leaf and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#FBF9C4): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#ADB676): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#5C8100): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#2E5E0E): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#00463C): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Sunlit Pier color palette (#FFECD6, #C4AA47, #667E37, #135425, #002D24)
- Tempered Pine color palette (#DFFCCF, #80BD87, #008953, #005D43, #004149)
- Quiet Emerald color palette (#FFF1EA, #F0CC95, #A3B96F, #459E64, #004640)
- Timeworn Bronze color palette (#F0F7F3, #D2DDDD, #AAC6C8, #82743A, #404B44)
- Moss Grove color palette (#E3E9DB, #54AD1B, #006F29, #004B2D, #003626)
- Bronze Villa color palette (#FFF2EA, #DDA46C, #996800, #654C00, #483D00)
- Olive Courtyard color palette (#E4E7D0, #567300, #204200, #002204, #000F05)
- Softworn Emerald color palette (#E7FAF6, #6C9656, #00736B, #004E72, #443607)
Browse the whole catalog at Explore, or see today's palette.