Airy Pine color palette — #FFF2F0 · #E7719E · #178C3B · #4B3283 · #170302

Kelly Green and Bubblegum set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Bubblegum (#E7719E): A luminous, balanced rose — the color of strawberry cream.
• Kelly Green (#178C3B): A full-bodied, balanced green — the color of a quiet forest floor.
• Royal Purple (#4B3283): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#170302): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Timeworn Peony color palette (#FFF1F2, #CC6CBD, #547C01, #243584, #1C0307)
• Chalky Aubergine Orchard color palette (#FFF1F0, #E184AE, #008A76, #50348D, #1F0F3E)
• Weathered Emerald Parlor color palette (#FFF2EB, #DB8969, #359D4A, #5B498B, #28170B)
• Amber Field color palette (#FFF2EA, #DC7E4D, #008787, #672663, #120500)
• Tempered Olive color palette (#FFF3E3, #B48200, #49840E, #3A318C, #0F0600)
• Worn Quarry color palette (#FFF0F9, #8279ED, #008024, #4A438D, #13040D)
• Blush Corridor color palette (#FFF4DF, #FF919F, #9C7900, #2B5186, #341A09)
• Muted Bloom color palette (#FEF0FC, #FF6E70, #23AC82, #177AAB, #201C34)

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