Airy Garden color palette — #F8F2DE · #8C8C03 · #008685 · #7D3C33 · #201903
Built around Olive Leaf, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Cream (#F8F2DE): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#8C8C03): A luminous, balanced green — the color of new leaves after rain.
- Teal (#008685): A full-bodied, balanced teal — the color of glacier melt.
- Rust (#7D3C33): A full-bodied, balanced orange — the color of toasted spice.
- Ink (#201903): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged warm.
Use it as a design system
One click turns Airy Garden 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
- Timeworn Ridge color palette (#F6F2E0, #878E13, #008687, #005B75, #201A03)
- Hazy Garnet color palette (#EFE9D6, #7C7900, #9C3F69, #7D1515, #150F00)
- Sunlit Boulevard color palette (#E1FDEE, #ADA200, #24A497, #965D59, #21392E)
- Dusty Corridor color palette (#EBF5E9, #009B8F, #5770BC, #5A467B, #131D10)
- Pine Meadow color palette (#F4F2E8, #AFBC6C, #2A8A4C, #616C00, #0D1002)
- Bronze Archive color palette (#E4FCEC, #997F00, #6C68A4, #4F4D79, #26382C)
- Pewter Corridor color palette (#F2F2EC, #D2DBD2, #B0C4B4, #677D53, #2D2D22)
- Pine Harbor color palette (#F1F4C8, #7BBC85, #009258, #005642, #002D25)
Browse the whole catalog at Explore, or see today's palette.