Weathered Olive Field color palette — #E4F7ED · #A4AE75 · #5C762A · #6D3C36 · #00281D
Olive and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E4F7ED): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#A4AE75): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#5C762A): A full-bodied, balanced green — the color of a quiet forest floor.
- Cocoa (#6D3C36): A full-bodied, dusty orange — the color of toasted spice.
- Deep Forest (#00281D): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Weathered Olive Field 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
- Washed Field color palette (#E0F8F6, #68BB97, #007D66, #674400, #002628)
- Tempered Ridge color palette (#D2EDDC, #9C9A1D, #556300, #5E3100, #181700)
- Pine Garden color palette (#FDF4E6, #9FA974, #3F793E, #544482, #383F14)
- Dusty Terrace color palette (#DEF8F8, #5FBBA1, #007C70, #1B5172, #00281E)
- Antique Orchard color palette (#E8F6EF, #A8CDC0, #5B8E82, #725961, #24352F)
- Tempered Field color palette (#FDF5DE, #B7C186, #70951D, #995148, #393F05)
- Quiet Emerald Workshop color palette (#FFEBF7, #E77242, #399B18, #993700, #072900)
- Ancient Corridor color palette (#E7FBEC, #D4E0A5, #6AA267, #6E6196, #2C3202)
Browse the whole catalog at Explore, or see today's palette.