Olive Studio color palette — #F6F6E8 · #A2B88F · #AA8ABE · #55821B · #66404C

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

The five colors

• Ivory (#F6F6E8): bright and airy, almost weightless.
• Sage (#A2B88F): A luminous, dusty green — the color of fresh herbs.
• Dusty Rose (#AA8ABE): A luminous, balanced violet — the color of wild irises.
• Olive Leaf (#55821B): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#66404C): A full-bodied, dusty rose — the color of pressed rose petals.

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

Use it as a design system

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

• Hushed Pine color palette (#F2F3E7, #96C18E, #A58ED0, #4F8047, #452534)
• Washed Cypress Studio color palette (#F1F7EE, #7FBEB0, #BF859B, #008573, #69413D)
• Ancient Summit color palette (#FBF4E9, #C4AC80, #7799D1, #926B00, #5E425C)
• Patina Ridge color palette (#E7FAF8, #9ED3AD, #AAA5FA, #50A06C, #444C67)
• Muted Cobalt color palette (#F6F7E1, #83A378, #648BC4, #A55F62, #42433C)
• Patina Market color palette (#FFF3E9, #C8B49D, #A87340, #814F3D, #5E4200)
• Mallow Cabin color palette (#E7FAF5, #C0E1A4, #DCB6F2, #96B37C, #4B4A63)
• Tempered Villa color palette (#F2F9E0, #40BE72, #AB37A0, #006F39, #5A1E54)

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