Patina Olive color palette — #FCF4EA · #AB803C · #526F00 · #005546 · #582723

A conversation between Olive and Caramel, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF4EA): bright and airy, almost weightless.
• Caramel (#AB803C): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#526F00): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#005546): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#582723): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Wandering Taupe Quarry color palette (#F9F5EB, #A59A4B, #408053, #005F66, #47413C)
• Wandering Ember color palette (#FFF2EB, #CB684E, #7C5F00, #255517, #52293B)
• Washed Forest Quarry color palette (#F8E6C2, #836C00, #005C20, #003B3E, #3A1A00)
• Muted Bronze Meadow color palette (#FFE5C5, #D1A75D, #906F00, #665300, #49441A)
• Patina Loft color palette (#FFF3E5, #C6B393, #958139, #616D57, #3A584E)
• Moss Coast color palette (#F7F7E1, #5E8E00, #00685E, #004565, #3C2F00)
• Wandering Bronze color palette (#EFE2D7, #A55C00, #36312C, #2A1B0D, #100D06)
• Ember Veranda color palette (#FDEEE6, #DD6240, #007663, #164466, #211739)

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