Airy Pine color palette — #E5E0B8 · #93B986 · #1B8D5F · #006177 · #003328

Fern and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#E5E0B8): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#93B986): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#1B8D5F): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#006177): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#003328): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged vintage, retro, muted, 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

• Powdered Quarry color palette (#E7ECC6, #7AB393, #008A74, #075884, #192B4D)
• Wandering Olive Courtyard color palette (#FEE2AC, #B1A86D, #737F45, #125E53, #15341D)
• Worn Coast color palette (#DAE6CF, #75A576, #37795E, #1A4432, #00203A)
• Worn Grove color palette (#F3F3E1, #84B77E, #00813F, #5C4A00, #0B2809)
• Ancient Loft color palette (#F2F3E8, #95DFDD, #00959D, #006356, #002B31)
• Patina Lagoon color palette (#EAF7DA, #A5BF9A, #4C979D, #6B4D68, #462C3C)
• Quiet Study color palette (#D2FFDC, #4CC57A, #00843F, #00451E, #001305)
• Navy Grove color palette (#DEE5C9, #418670, #00625F, #04315F, #21081C)

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