Patina Olive color palette — #CCE6D3 · #78711A · #564200 · #341F00 · #030400

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

The five colors

• Celadon Mist (#CCE6D3): A whisper-light, dusty teal — the color of sea glass.
• Olive (#78711A): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#564200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Espresso (#341F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Eclipse Fern color palette (#DBEEE0, #55601B, #372900, #1F0A00, #000500)
• Timeworn Cocoa color palette (#FAEAF1, #906434, #6D3200, #470900, #060300)
• Muted Lantern color palette (#CBEAF5, #936E00, #003237, #1D1D25, #000809)
• Tempered Atelier color palette (#FFE3ED, #A78652, #8B5000, #662700, #1C1500)
• Tempered Bronze color palette (#C2E9D1, #A6AB59, #8B7700, #6D4B00, #1F2F00)
• Dusty Loft color palette (#DDF1FA, #005D6A, #7F0A3B, #411F00, #000203)
• Aubergine Boulevard color palette (#D3E2E9, #00829C, #4F2297, #003F4D, #01000E)
• Magenta Alley color palette (#F1E4D3, #BD00DA, #007F81, #041015, #000203)

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