Olive Field color palette — #D9E4D0 · #3D8B00 · #007150 · #00464E · #000201
Olive Leaf and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#D9E4D0): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#3D8B00): A full-bodied, vivid green — the color of new leaves after rain.
- Pine (#007150): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#00464E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light.
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
- Pine Courtyard color palette (#D4EDD8, #008C61, #007077, #004570, #000102)
- Hushed Fern Ridge color palette (#E8E8C9, #7F7400, #366700, #004236, #000200)
- Deep Forest color palette (#E8E7D1, #1E6930, #003323, #0D1800, #000200)
- Marigold Station color palette (#DFEAD0, #B69C00, #009C66, #005294, #000201)
- Lagoon Parlor color palette (#F4EBDD, #2D8690, #004352, #00201B, #000103)
- Onyx Terrace color palette (#D6F5E1, #29635F, #003948, #340129, #0B0001)
- Lowlit Bloom color palette (#D5EBDB, #005661, #740014, #002328, #040000)
- Denim Terrace color palette (#D6F1DF, #00B49B, #008EA2, #0051AA, #00080E)
Browse the whole catalog at Explore, or see today's palette.