Patina Olive color palette — #F7F2E3 · #B1BA80 · #697E44 · #4B5A46 · #2C2710

A conversation between Olive Leaf and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7F2E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#B1BA80): A luminous, dusty green — the color of new leaves after rain.
• Olive Leaf (#697E44): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#4B5A46): A full-bodied, dusty green — the color of a quiet forest floor.
• Onyx (#2C2710): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Taupe Terrace color palette (#FAF1DE, #A8A450, #626B2B, #5D3D33, #241B00)
• Patina Pewter color palette (#EFF8F1, #91BAA7, #697B50, #3C5E74, #2C4A3D)
• Wandering Workshop color palette (#EDF6DF, #1DC39B, #007C6E, #285169, #172507)
• Ancient Cocoa Lagoon color palette (#FCF3ED, #D4C1A1, #969167, #8B6571, #583D00)
• Washed Olive color palette (#ECE5D0, #728210, #344D00, #461A14, #070900)
• Tempered Olive color palette (#ECE9D8, #547400, #1A4100, #002423, #020300)
• Dusty Courtyard color palette (#E8E6CE, #50AE26, #006F29, #00474D, #051C00)
• Wandering Station color palette (#FFECEF, #F6CED2, #F3AFA8, #816C90, #3B2729)

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