Pine Atelier color palette — #F3F4FF · #BAA6E3 · #B99957 · #36854F · #212336

A conversation between Fern and Camel, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Mauve (#BAA6E3): A luminous, balanced violet — the color of wild irises.
• Camel (#B99957): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#36854F): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#212336): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Weathered Bronze color palette (#F4F4FF, #C997DA, #9E8015, #00714F, #101E2E)
• Tempered Mallow color palette (#F6F3FE, #E6AEDD, #A1B786, #3B9383, #342D42)
• Ancient Olive color palette (#EEF6FF, #7DB7F5, #D5876D, #7E7516, #142638)
• Pine Loft color palette (#EBFAED, #F0B6E4, #C17B82, #2C752F, #392A45)
• Dusty Emerald Grove color palette (#FAF2FF, #FF8BBD, #3F983F, #00757C, #33081D)
• Airy Quarry color palette (#FFECF4, #8C72D5, #697E3C, #485A21, #26131D)
• Timeworn Sky color palette (#ECF7FF, #4EC8FD, #A8B756, #459BC1, #233542)
• Magenta Canyon color palette (#F5F3FF, #C85DDD, #848300, #00644B, #1A001F)

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