Olive Orchard color palette — #F8F5EA · #B0B484 · #9191CD · #757900 · #634056

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

The five colors

• Ivory (#F8F5EA): bright and airy, almost weightless.
• Sage (#B0B484): A luminous, dusty green — the color of a quiet forest floor.
• Blue Fog (#9191CD): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#757900): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#634056): A full-bodied, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Olive Studio color palette (#E9F5EF, #B7B782, #9394DA, #78761E, #27304A)
• Patina Pine Study color palette (#F4F7E7, #93BC95, #C57FA4, #2F873C, #684141)
• Weathered Lilac Pier color palette (#F8F5EA, #C9C987, #A9A6FA, #91904D, #5F4354)
• Wandering Bronze Cabin color palette (#FFF3E9, #CEA78A, #6A9FC7, #AA5B00, #2D516C)
• Muted Cobalt Veranda color palette (#F4F7E6, #7EA37E, #6E8ABC, #666FB4, #42433C)
• Dusty Bronze color palette (#F9F5E9, #BABA9B, #967E36, #7F5214, #3D5008)
• Wandering Summit color palette (#E9FAF3, #D2DC98, #BCC2F9, #A6AE79, #414C69)
• Patina Byzantium color palette (#FEF6D2, #A3AB3A, #AE2CAC, #5C6200, #591F58)

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