Patina Olive color palette — #FFF3E3 · #A7A955 · #3F7B14 · #534973 · #3C3A34

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

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A7A955): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#3F7B14): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#534973): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#3C3A34): quiet, heavy and certain.

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

• Tempered Station color palette (#FAF5E8, #85A76A, #1F744C, #643E49, #36362F)
• Soft Emerald color palette (#E7FCE7, #BCC172, #58975D, #686290, #3B3E13)
• Softworn Fern color palette (#F7F6E8, #88BE9A, #458075, #6F5053, #3B4900)
• Dusty Stone Quarry color palette (#FFF2EC, #E1DCC3, #B5B66B, #9B5A72, #47403C)
• Ancient Cabin color palette (#F3EED7, #3D8E40, #00513E, #411F44, #1A1D00)
• Weathered Clover color palette (#ECF9EF, #D0D48E, #8AB554, #9F73BC, #3C3D11)
• Gentle Cerulean Archive color palette (#FFF2EC, #70E1F2, #008BB8, #006953, #1B4169)
• Chalky Scarlet Harbor color palette (#FFE4DD, #E03A00, #008190, #006A8A, #4E2116)

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