Airy Pine color palette — #E7EDC1 · #0F851C · #005757 · #003558 · #2B2400

Built around Olive Leaf, softened by Navy — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#E7EDC1): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#0F851C): A full-bodied, vivid green — the color of new leaves after rain.
• Peacock (#005757): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#003558): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#2B2400): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Pale Nightshade color palette (#DEEFCC, #008260, #005566, #0F009D, #212800)
• Forest Quarry color palette (#F4E7C6, #7D6F00, #005C25, #003B3D, #3D1700)
• Hushed Chapel color palette (#DEF0E8, #00A986, #007567, #004E48, #023241)
• Charred Corridor color palette (#CEE6D3, #006D35, #002619, #001205, #000300)
• Fern Coast color palette (#F1ECD4, #829D55, #326A00, #424800, #243400)
• Clover Courtyard color palette (#F4FAD1, #8FC400, #2BBC1E, #007A59, #003514)
• Aubergine Alley color palette (#F3DDBC, #906B00, #00575F, #4C004C, #170B00)
• Weathered Quarry color palette (#D3F1D9, #007D87, #004B8F, #440078, #002D12)

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