Olive Field color palette — #E7E3C6 · #86984C · #3B7600 · #004C27 · #00231D
Olive and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#E7E3C6): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#86984C): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#3B7600): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004C27): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Onyx (#00231D): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Washed Jade color palette (#E3F0DD, #6AAF75, #007D5E, #004F47, #002A2E)
- Olive Garden color palette (#DDE2D3, #79A93F, #327800, #005915, #134222)
- Washed Fern color palette (#FFE8D0, #B69145, #6E6500, #314500, #092C00)
- Feathered Emerald color palette (#E9FECB, #B0D68C, #4F9E33, #006C21, #003F20)
- Softworn Pine Garden color palette (#E9FACE, #6EB48E, #007C55, #003E22, #000E06)
- Hazy Corridor color palette (#EBEBD6, #457800, #025C13, #003123, #00110F)
- Pale Orchid color palette (#E8EBDB, #5DA467, #A463B4, #006221, #2E0637)
- Aqua Meadow color palette (#F1F4E0, #BBE3D0, #68C8EC, #706F1C, #1C260D)
Browse the whole catalog at Explore, or see today's palette.