Airy Pine color palette — #FEF0FF · #8CEFEC · #00ACD4 · #31863D · #1A4268
Built around Fern, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Blush (#FEF0FF): A whisper-light, dusty pink — the color of peonies in June.
- Sea Foam (#8CEFEC): A whisper-light, balanced teal — the color of glacier melt.
- Cyan (#00ACD4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#31863D): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#1A4268): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Hushed Loft color palette (#FFF0FE, #3BE4EB, #009AC7, #00783A, #053166)
- Hazy Pine Drift color palette (#FFF2EB, #C7F8EA, #35C1DF, #008D56, #003955)
- Misty Periwinkle Station color palette (#FFF0F8, #A5E6FF, #549FF0, #00856F, #38396D)
- Timeworn Lagoon Pier color palette (#F6F7E6, #97DDDA, #009198, #00685A, #004952)
- Wisteria Station color palette (#F2E5FF, #CB91FF, #00A8A6, #009365, #3A264C)
- Hazy Studio color palette (#EBF9F5, #C5E3FF, #00CFD9, #00A892, #004952)
- Timeworn Market color palette (#FAF2F8, #D6D5E8, #8DB7D3, #5F9091, #465368)
- Cobalt Quarry color palette (#F4E6ED, #6BBEDE, #3976BD, #005B4D, #1B1547)
Browse the whole catalog at Explore, or see today's palette.