Airy Pine color palette — #F7F3FF · #D789C9 · #D06F3A · #008B4D · #101A30

Fern and Coral Clay set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F3FF): a clean, paper-quiet neutral.
• Bubblegum (#D789C9): A luminous, balanced pink — the color of a candy shop window.
• Coral Clay (#D06F3A): A luminous, balanced orange — the color of toasted spice.
• Fern (#008B4D): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#101A30): A deep, shadowed, dusty violet — the color of wild irises.

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

• Soft Lagoon Lagoon color palette (#FBF1FF, #F09BB7, #CB8B51, #009176, #24253E)
• Coral Cabin color palette (#F1F5FF, #979FF0, #E56656, #548410, #0F2134)
• Blush Corridor color palette (#DDF5EB, #BFADF3, #D4739D, #008779, #3E2546)
• Timeworn Study color palette (#FAE0ED, #D67A45, #309C35, #006EAB, #1F0923)
• Misty Coral color palette (#FEF0FE, #E6707C, #7B6500, #2D5400, #000B0E)
• Frosted Coral Dune color palette (#FFEEF9, #FF6C52, #B08600, #008283, #1F0632)
• Dusty Basin color palette (#EBE3F4, #DA4EA9, #A55A00, #006144, #07001D)
• Gentle Moss Archive color palette (#FFF0FD, #FF857D, #62B000, #0083C1, #3F1421)

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