Olive Atelier color palette — #ECF9F4 · #ABB689 · #A38CC4 · #6C7C0B · #48496C

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

The five colors

• Ivory (#ECF9F4): bright and airy, almost weightless.
• Sage (#ABB689): A luminous, dusty green — the color of fresh herbs.
• Blue Fog (#A38CC4): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#6C7C0B): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#48496C): A full-bodied, dusty violet — the color of a velvet chair.

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

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

• Lagoon Lantern color palette (#EBF8F9, #89BDAA, #BC85A7, #00866A, #554567)
• Timeworn Quarry color palette (#EFF8F0, #96BB9C, #5FA2C3, #946A00, #265368)
• Tempered Grove color palette (#F5F2E3, #B0BA85, #DA7E80, #6E792F, #432A21)
• Muted Drift color palette (#EBF9F4, #BFCC92, #F19293, #86953F, #5C445A)
• Worn Pier color palette (#E2FCF8, #7BA47F, #7089BB, #A05995, #264A46)
• Driftwood Chapel color palette (#EAF9F3, #C8DBF6, #B4B8DC, #9E8D59, #3B5451)
• Aged Atelier color palette (#FFF0F8, #CAB0B8, #997388, #6F526D, #3C4C41)
• Powdered Veranda color palette (#E3FAFE, #53B3A3, #C7696F, #007668, #672E32)

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