Dusty Olive color palette — #F0ECE3 · #908E82 · #706F25 · #332900 · #020100

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

The five colors

• Cream (#F0ECE3): a clean, paper-quiet neutral.
• Gray (#908E82): a calm mid-gray that lets other colors speak.
• Olive (#706F25): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#332900): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Muted Loft color palette (#E5F0E7, #87A098, #51797A, #382800, #040C05)
• Worn Lagoon color palette (#E9E5DE, #BDBCA9, #8C967E, #4C3900, #020100)
• Bronze Meadow color palette (#ECE6C6, #966B00, #566200, #00442C, #000200)
• Fern Coast color palette (#EAE9E3, #CCCCC1, #A0A78F, #535B00, #1A1602)
• Twilit Boulevard color palette (#DFE2D2, #1D664D, #00322C, #1E1100, #000201)
• Onyx Quarry color palette (#F0EFCF, #3A6036, #003F31, #180049, #0A000C)
• Tempered Pine color palette (#F1F3EC, #D2D8D4, #AEC1BA, #4E8358, #2B2D25)
• Midnight Onyx Coast color palette (#F8E9CB, #504700, #052B01, #040032, #010100)

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