Airy Pine color palette — #FFF2EE · #85DDD5 · #009CB9 · #1C7809 · #003559
Olive takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Lagoon (#85DDD5): A whisper-light, balanced teal — the color of shallow lagoons.
- Cerulean (#009CB9): A luminous, balanced blue — the color of open sky before noon.
- Olive (#1C7809): A full-bodied, vivid green — the color of fresh herbs.
- Navy (#003559): A deep, shadowed, balanced blue — the color of open sky before noon.
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
- Misty Lantern color palette (#FFF2EB, #7EDAF3, #0092E7, #00755A, #252C63)
- Pine Archive color palette (#FFF0FA, #B2FFFA, #00ACC5, #007741, #00283B)
- Hushed Quarry color palette (#F7EBE7, #64C3C3, #0081A1, #005E20, #001F40)
- Patina Quarry color palette (#F7F7DF, #87EFE7, #00C2C6, #009A81, #003B40)
- Linen Cornflower Orchard color palette (#DDEDFF, #048FF5, #9A7D00, #5B7220, #002546)
- Lagoon Dune color palette (#FCF3EF, #CEEED6, #6CADD5, #3A8C66, #583E54)
- Weathered Iris color palette (#FAF4EE, #B3DAFA, #758DF2, #007C7D, #502E3D)
- Blush Lantern color palette (#D9FFF2, #D4D1FF, #FF89C0, #00959F, #223159)
Browse the whole catalog at Explore, or see today's palette.