Pine Atelier color palette — #F3F4FF · #AE89E1 · #C76F3A · #007425 · #12112C

Built around Olive, softened by Wisteria — the whole palette hums with nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Wisteria (#AE89E1): A luminous, balanced violet — the color of a velvet chair.
• Coral Clay (#C76F3A): A luminous, balanced orange — the color of sun-warmed clay.
• Olive (#007425): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#12112C): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Patina Ember Balcony color palette (#F0F5FF, #7F9AEA, #CE6660, #5C6700, #0A1230)
• Bronze Archive color palette (#F7F3FF, #CA82BA, #A0890E, #007157, #1A0E29)
• Hushed Bloom color palette (#F3F4FF, #B295E2, #AF5B44, #005743, #230B3D)
• Wandering Bronze color palette (#F7F3FF, #BE6FAE, #A45300, #005A32, #040A1F)
• Hazy Pine Harbor color palette (#F7F3FF, #DD99CC, #BC9851, #02894F, #291F38)
• Ancient Drift color palette (#FAF2FF, #F6349F, #907E00, #00625A, #1F000F)
• Timeworn Violet Quarry color palette (#E4E8FE, #8154D6, #9C444F, #004D58, #0C0D23)
• Amethyst Harbor color palette (#FFE7F3, #724EE0, #696400, #4B4700, #351E2B)

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