Patina Olive color palette — #EFF8EE · #B9B180 · #667D3E · #49597B · #34483D

Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EFF8EE): bright and airy, almost weightless.
• Sage (#B9B180): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#667D3E): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#49597B): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#34483D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Tempered Ridge color palette (#EBF9F3, #8CBAB3, #348468, #3A5F70, #284945)
• Olive Chapel color palette (#EDF9EE, #A19E64, #47701D, #4A446F, #203C2F)
• Softworn Olive color palette (#F6F2E5, #AEB98C, #667E49, #475C42, #2B2813)
• Driftwood Study color palette (#EAF9F2, #C0CB96, #819962, #547980, #314840)
• Jade Pier color palette (#E2FCF4, #60B882, #007A6C, #6F3A6C, #1A442B)
• Linen Boulevard color palette (#F4F4FF, #B08ED1, #5E9C50, #7B4CA2, #1C4B45)
• Washed Harbor color palette (#F4F4FF, #E3D7E0, #FBBAAD, #6E74A4, #4C435B)
• Weathered Orchard color palette (#F2F7F1, #C2E0FD, #6A87D2, #106E7B, #3F4661)

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