Pine Garden color palette — #FFF1F2 · #DA9CC6 · #BB9856 · #008855 · #381A1D

Fern takes the lead with Camel close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Mauve (#DA9CC6): A luminous, balanced pink — the color of peonies in June.
• Camel (#BB9856): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#008855): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#381A1D): A deep, shadowed, dusty red — the color of a theater curtain.

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

Use it as a design system

One click turns Pine Garden 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

• Blush Parlor color palette (#FFF2EF, #ED95A6, #89AB64, #008194, #391B15)
• Weathered Blush Market color palette (#FFF2ED, #E68C9A, #B67649, #006950, #280F1E)
• Gentle Olive Harbor color palette (#FFF0FB, #9AB0F0, #D98471, #697D00, #321C2E)
• Tempered Taupe color palette (#FDF5DF, #E4BBEE, #C17C7E, #00717B, #472729)
• Sunlit Studio color palette (#FFF2EA, #FF793A, #A19500, #00786B, #330E00)
• Muted Amber Summit color palette (#FFF3E7, #D8892F, #509D68, #00698B, #221100)
• Pine Courtyard color palette (#FFF3E9, #CC6D26, #2B8D33, #00566F, #110400)
• Orchid Veranda color palette (#F4F4FF, #9D63C6, #587D3F, #3F5D29, #313141)

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