Dusty Olive Garden color palette — #F9F6E3 · #90AF6E · #2D7D08 · #773F2A · #3B3B34

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

The five colors

• Cream (#F9F6E3): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#90AF6E): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#2D7D08): A full-bodied, vivid green — the color of a quiet forest floor.
• Bronze (#773F2A): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#3B3B34): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Dusty 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 Cypress Study color palette (#F3F7E9, #65B690, #007C62, #6D4806, #393C35)
• Aged Study color palette (#F9F1E0, #95B466, #008142, #663E4B, #252101)
• Dusty Fern Meadow color palette (#F3EBD1, #899C3E, #436700, #5E3A00, #2A3200)
• Chestnut Alley color palette (#FBF4E8, #BEAE8A, #777739, #814A1B, #543F00)
• Amber Harbor color palette (#FFF3E8, #DB7400, #00984E, #8B4700, #004721)
• Muted Emerald Quarry color palette (#DFFEEB, #A8C87C, #2A9E5C, #745F84, #31411A)
• Worn Mulberry color palette (#FFE6CF, #B86900, #598100, #A62064, #492600)
• Muted Mustard color palette (#FFF3E7, #F9D8A7, #D1B84B, #A1592C, #4B4640)

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