Airy Pine color palette — #F3F7E8 · #83D596 · #D287CD · #008E42 · #3C163B

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

The five colors

• Ivory (#F3F7E8): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#83D596): A luminous, balanced teal — the color of glacier melt.
• Bubblegum (#D287CD): A luminous, balanced pink — the color of peonies in June.
• Kelly Green (#008E42): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#3C163B): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Aged Blush color palette (#ECFAE5, #75D3BF, #F7788D, #008A76, #47121E)
• Olive Cabin color palette (#F8F6E1, #AFCA88, #979DFC, #5F8200, #201D58)
• Linen Lagoon color palette (#F0F8EB, #9EE5D1, #EF9DCB, #00A186, #502940)
• Misty Balcony color palette (#DAF5F3, #75D795, #6FB5FF, #35AA64, #163758)
• Tempered Raspberry Thicket color palette (#EBFCDA, #3CBF96, #B37BD2, #CA4385, #002217)
• Dusty Byzantium Workshop color palette (#D8F6F4, #39B777, #8C48A6, #00683C, #422A4C)
• Tempered Moss color palette (#F3F8E4, #C8E2FA, #BFB7BF, #919E49, #273B00)
• Plum Harbor color palette (#E8F3D7, #28BB82, #AD338D, #005C3D, #14000E)

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