Pine Atelier color palette — #F8F2FF · #CB6DA4 · #1A740A · #4D458E · #22182C

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

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Bubblegum (#CB6DA4): A luminous, balanced rose — the color of strawberry cream.
• Olive (#1A740A): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#4D458E): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Indigo (#22182C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

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

• Rose Orchard color palette (#FDF0FE, #CE6073, #00815B, #523D84, #29182B)
• Airy Peony color palette (#F6EEFF, #DE72B5, #2E8B32, #463486, #2B2350)
• Emerald Garden color palette (#FCF2F9, #E47C63, #2D912C, #5F559B, #362532)
• Pale Peony Delta color palette (#F8F2FF, #BA619C, #965A00, #00595C, #241A31)
• Dusty Drift color palette (#DDF6E5, #EA779A, #9D6D00, #13559B, #40263B)
• Plum Delta color palette (#FFF2EE, #BB2548, #005F2A, #003E52, #2D171D)
• Amber Corridor color palette (#FFF3E7, #CE7B24, #807600, #005567, #1D0608)
• Nightshade Summit color palette (#E7FBF1, #938D00, #6A7A00, #39429E, #2C111D)

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