Olive Field color palette — #F9F6E3 · #9BA764 · #C66B6A · #616D00 · #633231
Olive takes the lead with Coral Clay close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F9F6E3): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#9BA764): A luminous, balanced green — the color of new leaves after rain.
- Coral Clay (#C66B6A): A luminous, balanced orange — the color of toasted spice.
- Olive (#616D00): A full-bodied, balanced green — the color of a quiet forest floor.
- Cocoa (#633231): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Balance. Tagged warm.
Use it as a design system
One click turns 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
- Worn Amber Workshop color palette (#F0F8EA, #5CB297, #B47D2F, #00775D, #583C16)
- Worn Cocoa color palette (#FFF2E9, #BFA185, #93674C, #7A3F27, #573400)
- Aged Parlor color palette (#F6F2DF, #9DAD5B, #B06CD0, #5F6D00, #3C1B26)
- Aged Lagoon color palette (#FEF3E5, #B89A69, #269F87, #855D00, #0E4D41)
- Worn Lantern color palette (#E4E8C7, #369D2E, #B74900, #105F0A, #501B00)
- Softworn Wisteria Lantern color palette (#E3FCF3, #AFC177, #BF8BE5, #778A2C, #403E60)
- Quiet Pine Harbor color palette (#F4F7EA, #7FAD84, #4291C9, #007B2B, #174667)
- Tempered Harbor color palette (#F3F7EC, #B9AF85, #295D41, #003820, #1F2416)
Browse the whole catalog at Explore, or see today's palette.