Airy Pine color palette — #EEECBD · #97AE63 · #458749 · #006352 · #004D4E
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Custard (#EEECBD): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#97AE63): A luminous, balanced green — the color of fresh herbs.
- Fern (#458749): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#006352): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004D4E): 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 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
- Teal Bloom color palette (#D9F4C7, #62BA90, #009181, #006269, #124C61)
- Antique Olive color palette (#FDD7AC, #C3A860, #738329, #31642B, #184E40)
- Pale Archive color palette (#C5F8E9, #A0CE94, #54A365, #007D57, #11584A)
- Mint Thicket color palette (#FAE9C2, #BED887, #4CC97F, #2C9678, #2D4C31)
- Patina Bronze color palette (#ECF9ED, #A9AB7C, #866F44, #6E4733, #26433F)
- Pine Study color palette (#E4FBF8, #73B07E, #B47196, #21783B, #4B3A5B)
- Worn Emerald color palette (#E0E6CC, #15A927, #007966, #004E50, #13314C)
- Feathered Emerald color palette (#DCFDFC, #3E9E6B, #AB5E82, #904C4A, #163F3F)
Browse the whole catalog at Explore, or see today's palette.