Olive Atelier color palette — #FFF0F7 · #D0DFCE · #BBBA81 · #538636 · #004B34

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

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Bone (#D0DFCE): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#BBBA81): A luminous, dusty green — the color of new leaves after rain.
• Olive Leaf (#538636): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004B34): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Chalky Market color palette (#FFF0CA, #B5C16A, #32931E, #004D35, #001B1B)
• Lagoon Basin color palette (#E0FEE6, #AAE2D2, #96C38B, #0E8E6F, #00484A)
• Aged Stone Lantern color palette (#FFF2EB, #D8BA7F, #83874A, #3F633A, #004E4E)
• Tempered Bronze color palette (#FBF1FF, #E9DCD0, #DBA378, #947500, #414600)
• Mustard Grove color palette (#D4FEE0, #CAC171, #868C51, #4A5924, #1B3300)
• Emerald Workshop color palette (#FFF5D2, #C1D89A, #47A35F, #006959, #00262B)
• Dusty Pewter Courtyard color palette (#FFF1F5, #FECDDC, #94AB77, #81649A, #304537)
• Timeworn Stone Boulevard color palette (#EDF8F3, #B3B279, #415A57, #1B3027, #0B110C)

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