Olive Orchard color palette — #FFF2EA · #B66A46 · #5D7D2E · #00633E · #38312D

Built around Olive, softened by Mocha — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Mocha (#B66A46): A luminous, balanced orange — the color of sun-warmed clay.
• Olive (#5D7D2E): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#00633E): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#38312D): quiet, heavy and certain.

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

• Dusty Orchard color palette (#FDF4E5, #A28448, #4E6E32, #00544B, #003E55)
• Quiet Fern Archive color palette (#E8FBED, #0092A3, #847000, #405E00, #24382A)
• Antique Cobalt color palette (#FDF0FE, #4D85BE, #597D42, #00624B, #3D2B40)
• Antique Boulevard color palette (#F8F2FF, #D879B8, #94953F, #597A3B, #362F40)
• Dusty Coral color palette (#FFF3E6, #CC7F7E, #96563C, #4D5300, #433B38)
• Muted Petrol Archive color palette (#FFF1F7, #9388B6, #4E8D7E, #006B7D, #493740)
• Forest Archive color palette (#FCF2F8, #6C70B1, #126B41, #004C51, #0A3129)
• Muted Pewter color palette (#FBF3F2, #E1D9D2, #C8BDB2, #9A6075, #504543)

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