Patina Olive color palette — #EFF7F5 · #CFDCE1 · #A0B8BD · #4F7014 · #2F3E3A

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

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#CFDCE1): a clean, paper-quiet neutral.
• Ash (#A0B8BD): A luminous, dusty blue — the color of deep harbor water.
• Olive (#4F7014): 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

• Tempered Forest color palette (#E7F9FB, #C0D7DF, #8DABC0, #006A55, #023B3F)
• Washed Olive color palette (#F2F2EB, #CEDACF, #B2BC9E, #4B7138, #212118)
• Muted Lagoon color palette (#EFF7F8, #D6DAE0, #B2A8AF, #3B9287, #485558)
• Forest Bloom color palette (#DEE9E7, #ABBDBE, #79939B, #185300, #082521)
• Hushed Mulberry color palette (#C9E9D3, #83AFAA, #488682, #7C4559, #5A364B)
• Washed Taupe color palette (#F6F6ED, #D2DDD4, #B1C5BD, #91A971, #3B3B34)
• Deep Pine color palette (#D6E8E7, #007648, #042B34, #001818, #000507)
• Hushed Spruce color palette (#DBE5E7, #8E9CA5, #5D738A, #003232, #000B10)

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