Weathered Olive Garden color palette — #FFF3E6 · #B99043 · #3D7B28 · #574272 · #403D36

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

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#B99043): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#3D7B28): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#574272): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#403D36): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro, muted.

Use it as a design system

One click turns Weathered Olive Garden 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

• Weathered Garnet Thicket color palette (#FFF2EA, #87A361, #007A71, #763351, #3C3E37)
• Bronze Terrace color palette (#FFF4E1, #D17E6F, #836500, #334D7A, #423C37)
• Amber Grove color palette (#FCF4EA, #B67B18, #007178, #663160, #522A2D)
• Weathered Moss color palette (#DEFAE8, #AF9E00, #607436, #0B5151, #10281F)
• Hushed Cocoa color palette (#FFF3E2, #BEB896, #788F6C, #725659, #703318)
• Lime Pier color palette (#FAF5E7, #FFD7BD, #B8BA00, #00A67E, #424139)
• Dusty Aubergine color palette (#FFDDC5, #8C7F00, #00623E, #5E0060, #222E00)
• Dusty Olive color palette (#EAE5D1, #727800, #31332C, #241F0B, #0E0E07)

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