Olive Studio color palette — #F9F5E9 · #B3B479 · #9F8CCD · #787718 · #604350

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

The five colors

• Ivory (#F9F5E9): a clean, paper-quiet neutral.
• Sage (#B3B479): A luminous, dusty green — the color of new leaves after rain.
• Wisteria (#9F8CCD): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#787718): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#604350): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Creativity, Sophistication. 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 Stone Garden color palette (#E6F6EF, #B3BA6E, #A390CC, #727732, #2C2F47)
• Mustard Cabin color palette (#FAF5E3, #C4CB7F, #B0A8E4, #8C915A, #5D4552)
• Blush Pier color palette (#F5F6EB, #9BBB8D, #D5798A, #54803E, #64443D)
• Hushed Grove color palette (#FFF3E6, #D1A774, #5CA1CC, #9A6616, #315649)
• Driftwood Bloom color palette (#FDF4E2, #A8984B, #AA72AD, #8C688E, #45423B)
• Softworn Cocoa Field color palette (#FEF3EC, #CDB397, #A67160, #79524B, #5B4400)
• Faded Peony color palette (#EFF8EC, #48B4A6, #C4668F, #00766B, #5B3734)
• Dusty Studio color palette (#F9F7DD, #B6CC99, #718D43, #485B20, #393A32)

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