Olive Field color palette — #E7E1C2 · #8C9600 · #3B7900 · #004B22 · #001912
A conversation between Olive and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#E7E1C2): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#8C9600): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#3B7900): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004B22): A deep, shadowed, balanced teal — the color of sea glass.
- Ink (#001912): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Moss Basin color palette (#E9EFD1, #85B53D, #2A7100, #003A10, #000703)
- Amber Corridor color palette (#ECE0D6, #BC8600, #716800, #384500, #041E00)
- Sunlit Emerald color palette (#E3EDD4, #33A840, #007354, #00473F, #00181B)
- Aubergine Thicket color palette (#EFDCBF, #868600, #006B2E, #2F1D8A, #111A00)
- Emerald Station color palette (#FDEDDA, #A99F00, #4A9400, #006A42, #001F1C)
- Ancient Studio color palette (#EAE8D8, #707D00, #005D6B, #4A0070, #240800)
- Tempered Moss color palette (#E8E2BE, #C9A800, #84A000, #008964, #051B00)
- Patina Clover color palette (#E3F1D6, #33C44D, #008B68, #005953, #003237)
Browse the whole catalog at Explore, or see today's palette.