Patina Olive color palette — #E6FBEF · #A8A265 · #8380C4 · #716700 · #3F3C68

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

The five colors

• Ivory (#E6FBEF): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#A8A265): A luminous, balanced green — the color of new leaves after rain.
• Slate Blue (#8380C4): A luminous, balanced violet — the color of twilight just after sunset.
• Olive (#716700): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#3F3C68): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, 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

• Olive Study color palette (#E5FBF5, #8CAB72, #AA70B5, #467500, #533659)
• Iris Alley color palette (#F6F2E4, #AFA754, #7E81E2, #6F6700, #222246)
• Iris Harbor color palette (#FFF1F7, #C6926F, #6D84D6, #9A4E00, #323F6E)
• Misty Pier color palette (#EAFAF1, #C3BB67, #A495F0, #8D8300, #423C62)
• Grape Boulevard color palette (#DDFDF5, #779456, #6176C1, #724CA4, #154038)
• Softworn Cocoa color palette (#E9FAF0, #81B3A6, #7C7341, #6F481D, #1F4444)
• Wandering Parlor color palette (#E5FBF0, #BEE5F0, #96D2D7, #A66E38, #3A5752)
• Frosted Delta color palette (#D6F5FA, #14A490, #BA4F72, #006558, #591D32)

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