Patina Olive color palette — #F3F2CA · #4C7500 · #004B64 · #002D3D · #130000

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

The five colors

• Custard (#F3F2CA): A whisper-light, dusty green — the color of fresh herbs.
• Olive (#4C7500): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#004B64): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#002D3D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#130000): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant, 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

• Fern Lantern color palette (#E3E3CA, #3A6A00, #3A4547, #00251F, #090800)
• Worn Denim Quarry color palette (#FFF0D6, #836300, #004E81, #002A4A, #100011)
• Hushed Fern color palette (#ECDCCC, #A38E00, #326A00, #004235, #00161B)
• Aubergine Terrace color palette (#DCEACF, #006E42, #421C88, #2A0D5D, #0C0300)
• Hazy Aubergine Corridor color palette (#F6F4D3, #518F15, #6107AE, #452174, #220101)
• Cellar Onyx Villa color palette (#E0E9D1, #005E3F, #500041, #310027, #030100)
• Pale Aubergine Lantern color palette (#FDDCCF, #937F00, #00614F, #4C0066, #0C1500)
• Aubergine Corridor color palette (#D4FCF2, #5F9200, #007176, #6E0497, #251300)

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