Airy Pine color palette — #E5FBF2 · #88B171 · #007E41 · #7B3D1F · #11443C

Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E5FBF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#88B171): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#007E41): A full-bodied, balanced teal — the color of glacier melt.
• Bronze (#7B3D1F): A full-bodied, balanced orange — the color of sun-warmed clay.
• Forest (#11443C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, 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

• Quiet Olive color palette (#E6FCE9, #AFA64F, #5F7300, #773C44, #413C0E)
• Hushed Forest color palette (#D7E9E4, #6B996E, #006546, #5C310C, #00302D)
• Antique Olive color palette (#EDF9F0, #B2B383, #657D41, #41634B, #2F493E)
• Softworn Clover color palette (#DDFAEB, #71BD69, #007D69, #633C5F, #0B2808)
• Wandering Mint color palette (#FDF5DD, #8ACF86, #009C85, #83587C, #264325)
• Linen Pine color palette (#E1FFDC, #75BA55, #157D15, #0D4804, #0E3200)
• Pale Dune color palette (#D7FFF7, #B5FFCE, #37CFCB, #757A00, #20514E)
• Muted Lagoon color palette (#D6F7F4, #158E6D, #00504A, #3F2A00, #002117)

Browse the whole catalog at Explore, or see today's palette.