Airy Pine color palette — #FFF0F8 · #897BC8 · #00925C · #007A6E · #47303C
A conversation between Fern and Lavender Blue, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Lavender Blue (#897BC8): A luminous, balanced violet — the color of wild irises.
- Fern (#00925C): A full-bodied, balanced teal — the color of sea glass.
- Teal (#007A6E): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal (#47303C): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Nature, Growth, Creativity, 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
- Washed Olive color palette (#FFF0FC, #6283DD, #4D8E18, #41783B, #462F42)
- Gentle Harbor color palette (#FFF1F2, #BC65A3, #008D8F, #1A6C8A, #4C2E30)
- Quiet Bronze Garden color palette (#E4FCF1, #3394BC, #8E7B00, #2C7B41, #243E33)
- Wisteria Quarry color palette (#F2EFFF, #BA69BF, #9B7A2B, #0B7983, #201A31)
- Powdered Fuchsia color palette (#FFF1F3, #D57FDA, #B5934B, #3D959E, #4B2E34)
- Hushed Rust Corridor color palette (#FFF2EE, #BD6166, #5F7C2D, #005A81, #442C24)
- Gentle Byzantium Corridor color palette (#ECD9EE, #B100C6, #00736F, #0C556C, #36133B)
- Weathered Sand Coast color palette (#FFF1F5, #E8D7CA, #FFB689, #677DB1, #624A4C)
Browse the whole catalog at Explore, or see today's palette.