Worn Olive color palette — #FFF0D4 · #B0B786 · #6C8E49 · #20673B · #30332D
A conversation between Olive Leaf and Pine, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFF0D4): A whisper-light, dusty gold — the color of honey in a jar.
- Sage (#B0B786): A luminous, dusty green — the color of a quiet forest floor.
- Olive Leaf (#6C8E49): A luminous, balanced green — the color of fresh herbs.
- Pine (#20673B): A full-bodied, balanced teal — the color of glacier melt.
- Espresso (#30332D): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged 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 Fern Archive color palette (#FBDFC8, #D1B78A, #9A8F3E, #525D00, #34342D)
- Emerald Meadow color palette (#FDF6D4, #A7BC7F, #648F40, #4E743E, #4E4F48)
- Dusty Pine Boulevard color palette (#F1F3E6, #9BBF96, #AC8EC4, #488241, #462531)
- Washed Lagoon color palette (#F0F3D3, #96CAAF, #369684, #006569, #1E4430)
- Forest Field color palette (#EEF6DB, #C2CEA7, #59936D, #1C5626, #002308)
- Emerald Ridge color palette (#DAFFF1, #A2E7DE, #96BF7C, #5E9356, #225551)
- Weathered Station color palette (#EBEFD7, #74AE4D, #008148, #005640, #00302C)
- Aged Chestnut color palette (#FAF0E5, #C8B9A1, #9E7B59, #794A3B, #322C16)
Browse the whole catalog at Explore, or see today's palette.