Weathered Olive color palette — #F3F3E2 · #9EBF88 · #B28DB6 · #597E3C · #48252D

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

The five colors

• Cream (#F3F3E2): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#9EBF88): A luminous, balanced green — the color of a quiet forest floor.
• Dusty Rose (#B28DB6): A luminous, dusty pink — the color of a candy shop window.
• Olive (#597E3C): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#48252D): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Softworn Cypress Orchard color palette (#EBF5E9, #75C4BB, #C2899C, #27817A, #4A2521)
• Washed Bronze color palette (#FAF0E2, #CCAF75, #9098CC, #8B6C2A, #412739)
• Tempered Moss Harbor color palette (#E7FAF5, #B6CDA3, #CF9ECF, #6E9C3E, #504769)
• Hushed Dune color palette (#F2F4DC, #7DAA71, #9F7FB1, #906A8A, #282916)
• Weathered Field color palette (#F5F6EC, #98BC8E, #5EA1C9, #478435, #2C5748)
• Washed Bronze Atelier color palette (#FCEFE4, #C9B99F, #AA7641, #814622, #322C19)
• Patina Loft color palette (#EDF4EC, #E0BB9D, #50694C, #273625, #0F160E)
• Washed Boulevard color palette (#F2F3E4, #B5E0DE, #B6B0BA, #9B8B6A, #374700)

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