Airy Pine color palette — #FFF4E0 · #94AE6C · #207B54 · #5A4574 · #314115
Built around Teal, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
- Sage (#94AE6C): A luminous, balanced green — the color of new leaves after rain.
- Teal (#207B54): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal Brown (#5A4574): A full-bodied, dusty violet — the color of twilight just after sunset.
- Deep Olive (#314115): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Airy Pine 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
- Moss Villa color palette (#FAE9CA, #75A23F, #006B4B, #5B2C68, #203500)
- Pine Boulevard color palette (#E0F9EC, #9DB07D, #2F7E2D, #6A336D, #1A2501)
- Worn Petrol color palette (#F6F6EB, #A4B794, #437E84, #734F4E, #3C4633)
- Airy Emerald color palette (#FDF5DE, #ADC584, #4D9B4A, #855488, #31410D)
- Lagoon Balcony color palette (#EFEBD3, #3D8C60, #00504D, #461D3A, #171E00)
- Linen Cobalt color palette (#FFF2EA, #94DAF1, #3D84C3, #006953, #333874)
- Tempered Studio color palette (#E9FBEC, #C0DA8E, #37C07F, #977AB5, #164438)
- Weathered Olive color palette (#F9EDDC, #687222, #00441C, #2C1540, #0F1100)
Browse the whole catalog at Explore, or see today's palette.