Olive Atelier color palette — #FAF5E7 · #BEBC75 · #A798E1 · #8A8400 · #443B63

A conversation between Olive Leaf and Wisteria, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF5E7): a clean, paper-quiet neutral.
• Pistachio (#BEBC75): A luminous, balanced green — the color of new leaves after rain.
• Wisteria (#A798E1): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#8A8400): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#443B63): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Olive 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

• Tempered Emerald color palette (#F5F7E6, #9FC495, #C98AD2, #429723, #56335B)
• Weathered Bronze color palette (#FFF3E4, #D4B180, #6CAAE6, #AC7300, #19456C)
• Feathered Garden color palette (#E6FBF0, #DFDA65, #B6B0FB, #908E46, #2F3654)
• Ancient Iris Courtyard color palette (#FDF4E1, #AFA057, #9376D1, #766500, #5A3547)
• Hazy Peony color palette (#FBF6E0, #A4AD54, #2BA4DC, #C3608C, #3A3831)
• Ancient Basalt Boulevard color palette (#FAF5E7, #C4BFA0, #959263, #7C6630, #414000)
• Hushed Peony color palette (#F0F9E2, #53C795, #E961B9, #008D60, #601C49)
• Tempered Pine color palette (#F4F7EB, #D9C09A, #458151, #1A4F27, #212317)

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