Dusty Olive color palette — #FCF0DE · #A8AE5D · #3E7C29 · #494671 · #282000

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

The five colors

• Cream (#FCF0DE): A whisper-light, dusty gold — the color of old brass.
• Sage (#A8AE5D): A luminous, balanced green — the color of new leaves after rain.
• Olive (#3E7C29): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#494671): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#282000): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Dusty 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

• Frosted Jade color palette (#F8F3D6, #6FBD73, #007E63, #5E3E66, #202300)
• Moss Quarry color palette (#F7E1C5, #A19900, #3D6900, #3E336E, #181700)
• Hushed Olive Thicket color palette (#FFF1F6, #ACA56B, #477830, #64426A, #1C4331)
• Tempered Driftwood Basin color palette (#F7F1E8, #CBC4A1, #818943, #705A63, #32312A)
• Powdered Study color palette (#E2FDED, #B0C673, #599947, #406E8F, #124437)
• Weathered Fuchsia color palette (#FFECF0, #E26FFC, #0C9A37, #771E8A, #002908)
• Gentle Pine Study color palette (#EEE9CE, #2E8E3F, #00503F, #3B1A42, #000B01)
• Hushed Cerulean color palette (#FFEEE6, #6CE6E8, #0092AF, #006542, #00283F)

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