Patina Olive color palette — #FFF2E9 · #D3B873 · #69812A · #57496D · #221600

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

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Sand (#D3B873): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#69812A): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#57496D): A full-bodied, dusty violet — the color of wild irises.
• Ink (#221600): A deep, shadowed, dusty gold — the color of old brass.

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

• Hushed Pine Lantern color palette (#FFF3E4, #B8C27B, #468755, #155B66, #1E1800)
• Driftwood Meadow color palette (#FFF3E7, #DAD19E, #789466, #7C5762, #322607)
• Washed Lantern color palette (#FFF3E5, #A4A85B, #316F37, #4E2E50, #080800)
• Pale Hollow color palette (#FFF5D8, #9CD594, #00937B, #853D55, #032601)
• Muted Study color palette (#E8DDCD, #959051, #4A5E00, #003F52, #181100)
• Hushed Lantern color palette (#D9EADC, #C0BD88, #849B4D, #0681A3, #063121)
• Ancient Fern Terrace color palette (#F1DFE9, #A5874B, #505C00, #4B2E61, #11301A)
• Pale Lagoon color palette (#FFF1F7, #C2A6FF, #60A037, #6B33B8, #0A1E00)

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