Patina Olive color palette — #E6F6EE · #9BA679 · #4F711B · #1E4E57 · #002319

Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E6F6EE): bright and airy, almost weightless.
• Sage (#9BA679): A luminous, dusty green — the color of new leaves after rain.
• Olive (#4F711B): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#1E4E57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#002319): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Cypress Pier color palette (#E2F7F6, #6BB096, #007565, #204D59, #002123)
• Fern Villa color palette (#FFF3E5, #A49D5F, #526D30, #5D4154, #38352E)
• Muted Field color palette (#D0E5DB, #879559, #406100, #5C261D, #001710)
• Wandering Moss Harbor color palette (#EEF9ED, #D9D1A2, #7B9550, #586186, #172D22)
• Ancient Forest Corridor color palette (#CFE8DF, #5E8637, #0F5205, #003132, #040A00)
• Lagoon Balcony color palette (#E9F4F5, #9ACED3, #4F9086, #516473, #203537)
• Wandering Cobalt color palette (#E7F5F5, #AECBE8, #3E7CCD, #005678, #101F3F)
• Eclipse Boulevard color palette (#D1EADA, #5E5B00, #272E00, #2E0009, #010100)

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