Olive Atelier color palette — #F5F2E4 · #A3AA6B · #8D81CD · #646B00 · #282046

Olive and Lavender Blue set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5F2E4): a clean, paper-quiet neutral.
• Sage (#A3AA6B): A luminous, balanced green — the color of a quiet forest floor.
• Lavender Blue (#8D81CD): A luminous, balanced violet — the color of twilight just after sunset.
• Olive (#646B00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#282046): A deep, shadowed, dusty violet — the color of wild irises.

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

• Worn Azure Terrace color palette (#F9F0E4, #C09E60, #5B8ED7, #825D00, #0E2749)
• Pine Dune color palette (#F1F3E7, #80B383, #AE75B7, #007A24, #37193C)
• Hazy Ridge color palette (#EAF9F4, #93AB52, #837ADD, #5B6F00, #38415F)
• Washed Lilac color palette (#E6FBF2, #B6BF6B, #B38EF1, #80881D, #483A5F)
• Plum Villa color palette (#F6F3DC, #839845, #1587C6, #AE3A66, #231F01)
• Pale Hollow color palette (#E8F9D8, #2BC299, #B4418F, #006C52, #3E002E)
• Cocoa Bloom color palette (#FCEFE7, #BFA692, #9A6652, #723936, #311E04)
• Aged Forest color palette (#F0F4E9, #C6B184, #246340, #03301A, #0A0F01)

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