Patina Olive color palette — #EFF7F5 · #CFDCE2 · #A2B8BF · #576D22 · #2F3E3A

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

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#CFDCE2): bright and airy, almost weightless.
• Ash (#A2B8BF): A luminous, dusty blue — the color of deep harbor water.
• Olive (#576D22): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#2F3E3A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Weathered Corridor color palette (#EEF7F8, #BED7E1, #85ABCB, #006B50, #16393B)
• Dusty Olive Field color palette (#F2F2EC, #CFD9D0, #B0BCA7, #507031, #222115)
• Worn Lagoon color palette (#EFF7F8, #D7DAE1, #B5A8AE, #449283, #4B5456)
• Cypress Station color palette (#E9FAEF, #8BA37D, #28725A, #564B1A, #033F37)
• Fern Atelier color palette (#E0EAE8, #ADBCBE, #79939F, #225100, #0B2420)
• Dusty Taupe color palette (#F6F5ED, #CFDFD4, #B0C4BF, #96A872, #3C3B34)
• Washed Spruce color palette (#E0EFF2, #919BA3, #60718C, #003230, #000C0F)
• Pine Workshop color palette (#D0E7E6, #007645, #002B37, #001818, #000506)

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