Airy Pine color palette — #EFF6FF · #3D7ED7 · #227300 · #003F35 · #000204
Built around Olive, softened by Azure — the whole palette hums with nature and growth.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Azure (#3D7ED7): A full-bodied, balanced blue — the color of open sky before noon.
- Olive (#227300): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#003F35): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#000204): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
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
- Ancient Atelier color palette (#ECF7FF, #0093C9, #606600, #004524, #000304)
- Antique Pine color palette (#F0F5FF, #7A8DDD, #008349, #005251, #000C1A)
- Violet Workshop color palette (#F4F4FF, #9968D2, #00635B, #003A4A, #00000B)
- Lapis Veranda color palette (#F1F5FF, #5F4FCA, #004C35, #002427, #000104)
- Soft Lilac Quarry color palette (#E4E9FA, #A29DFF, #867900, #006F8B, #090E26)
- Dusty Lagoon Alley color palette (#F3F4FF, #B498E0, #139781, #00647C, #0B172D)
- Mulberry Lantern color palette (#FFE8EA, #960092, #025310, #012C05, #000402)
- Muted Ember color palette (#FFF0F9, #E2692D, #776100, #054509, #001010)
Browse the whole catalog at Explore, or see today's palette.