Patina Olive color palette — #FEF3E6 · #BAB880 · #688D4A · #5C5F87 · #37352F

Built around Olive Leaf, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#FEF3E6): A whisper-light, dusty gold — the color of old brass.
• Sage (#BAB880): A luminous, dusty green — the color of fresh herbs.
• Olive Leaf (#688D4A): A full-bodied, balanced green — the color of new leaves after rain.
• Slate (#5C5F87): A full-bodied, dusty violet — the color of a velvet chair.
• Espresso (#37352F): a grounded near-black with real depth.

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

• Lagoon Atelier color palette (#F7F6E8, #97C0A2, #009581, #795479, #313B00)
• Patina Pine Quarry color palette (#EDE4D2, #9AAE72, #268644, #60487C, #2E2A04)
• Driftwood Boulevard color palette (#E8FBEF, #ABDDCA, #73965C, #406981, #072F24)
• Fern Courtyard color palette (#E9FAF3, #90A36E, #4E6D3A, #22535D, #183D34)
• Hushed Basin color palette (#FFF1F6, #D7CB8F, #8DAB75, #827EA4, #213C2D)
• Dusty Cocoa color palette (#F9F4EE, #DDD0B3, #92A372, #917383, #614900)
• Softworn Studio color palette (#FCF3EE, #BEDFBC, #00A7C2, #13804E, #184436)
• Misty Pier color palette (#FFE7EE, #D49FFC, #00B160, #7E42A5, #034121)

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