Worn Olive color palette — #FDF4E2 · #B4A86F · #707F3F · #166664 · #584600
Built around Olive Leaf, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#FDF4E2): A whisper-light, dusty gold — the color of old brass.
- Sage (#B4A86F): A luminous, dusty green — the color of a quiet forest floor.
- Olive Leaf (#707F3F): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#166664): A full-bodied, dusty teal — the color of sea glass.
- Deep Olive (#584600): A full-bodied, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Worn 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 Archive color palette (#FDF4E7, #D19977, #94703D, #3E6441, #4C4641)
- Weathered Moss color palette (#F7F6E9, #8BA25E, #268269, #005E70, #47413C)
- Weathered Stone color palette (#F9F6E4, #C0C3A5, #8A9478, #63776B, #3F5658)
- Chestnut Dune color palette (#F5F6EF, #BFC5A2, #5E8E70, #7E6117, #4B5301)
- Hushed Terrace color palette (#FFEFDC, #D0A266, #678250, #694559, #342B18)
- Mustard Lagoon color palette (#F9F5EA, #DEDFCB, #D4C560, #94AA63, #4C4A43)
- Weathered Pine color palette (#FEF5D7, #829800, #1A740A, #004E5B, #2A3C09)
- Timeworn Terrace color palette (#FFF3E8, #F5C5A6, #9EB886, #9083B3, #604100)
Browse the whole catalog at Explore, or see today's palette.