Olive Field color palette — #FDF5DE · #ABA257 · #877FC4 · #726700 · #413B67
Olive takes the lead with Slate Blue close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FDF5DE): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#ABA257): A luminous, balanced green — the color of new leaves after rain.
- Slate Blue (#877FC4): A luminous, balanced violet — the color of twilight just after sunset.
- Olive (#726700): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#413B67): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, 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
- Wandering Iris color palette (#F7F1E5, #B3A55D, #8883CE, #746400, #251E4E)
- Olive Dune color palette (#F6F6EA, #99BC86, #A98BBB, #57803F, #64424C)
- Powdered Bronze color palette (#EAFAEE, #CBB67E, #AA98DD, #9D7C00, #463A65)
- Ancient Chestnut color palette (#FFF3E9, #D08E62, #4A92BA, #9B4D00, #0C4864)
- Dusty Quarry color palette (#FDF5DC, #8E8E2A, #2C86AA, #954D72, #3A3831)
- Patina Coast color palette (#F0FADE, #3CBE7D, #AB3C98, #006E41, #5E1B52)
- Dusty Field color palette (#FBF5E6, #AFA886, #7B7345, #644E21, #433F00)
- Plum Villa color palette (#E4F5DB, #00A48F, #B2537F, #006557, #512438)
Browse the whole catalog at Explore, or see today's palette.