Olive Grove color palette — #F6F6EB · #A0B98D · #AD88BE · #57812F · #65414B

A conversation between Olive Leaf and Dusty Rose, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F6F6EB): bright and airy, almost weightless.
• Sage (#A0B98D): A luminous, dusty green — the color of new leaves after rain.
• Dusty Rose (#AD88BE): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#57812F): A full-bodied, balanced green — the color of fresh herbs.
• Cocoa (#65414B): A full-bodied, dusty red — the color of late-summer berries.

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

Use it as a design system

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

• Lilac Courtyard color palette (#F4F2E4, #ADBA87, #BB87BD, #6A7937, #46262D)
• Cypress Studio color palette (#F0F8ED, #80BEB1, #C68194, #008575, #693E4A)
• Ancient Lantern color palette (#FBF4EB, #C5AD7D, #7B9ACB, #916B00, #5D435C)
• Moss Meadow color palette (#ECF9F4, #BFCD87, #D897D5, #87953F, #504765)
• Aged Bronze color palette (#F5F7E2, #7EA473, #6A8BBE, #A46061, #42433C)
• Aged Thicket color palette (#FCF3EC, #C7B59D, #A8733F, #804F3C, #5E4200)
• Tempered Courtyard color palette (#F5F7E4, #CBE6D4, #A1CFC2, #92975D, #485912)
• Patina Cypress Loft color palette (#F2F7EF, #D4BC97, #2D6B5B, #2F3E24, #182821)

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