Weathered Olive color palette — #F7F0D4 · #B29400 · #778100 · #287200 · #020200
A conversation between Olive and Mustard, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7F0D4): A whisper-light, dusty green — the color of fresh herbs.
- Mustard (#B29400): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#778100): A full-bodied, balanced green — the color of a quiet forest floor.
- Olive (#287200): A full-bodied, balanced green — the color of fresh herbs.
- Black (#020200): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
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
- Antique Amber color palette (#F1E1C3, #C78100, #957700, #586000, #030200)
- Emerald Bloom color palette (#EDF0DD, #7A9B00, #1F9718, #007153, #000602)
- Pale Tangerine Study color palette (#DFF3E8, #EE8006, #9B9100, #008E67, #020700)
- Dusty Dune color palette (#E8DFC2, #B26400, #6C6000, #00412C, #010300)
- Tempered Quarry color palette (#E5F2D8, #327D00, #04530F, #003517, #000B04)
- Worn Forest color palette (#E6EDDD, #618562, #1A6348, #003545, #00172B)
- Pine Terrace color palette (#DCE2CB, #007E3D, #894100, #00441E, #0E0300)
- Lime Cabin color palette (#E2EBCE, #61D640, #00B571, #008270, #001E13)
Browse the whole catalog at Explore, or see today's palette.