Olive Field color palette — #DFE1D6 · #979C8B · #607B3C · #003608 · #090A00
Olive and Deep Forest set the tone — five colors that lean into nature and growth.
The five colors
- Bone (#DFE1D6): a clean, paper-quiet neutral.
- Taupe (#979C8B): A luminous, dusty green — the color of fresh herbs.
- Olive (#607B3C): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#003608): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#090A00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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
- Abyss Pier color palette (#DEEAE2, #9CAEA4, #62897A, #003F49, #04190C)
- Softworn Forest color palette (#D7E6E3, #94A9AA, #648E9A, #1D5300, #000C0A)
- Tempered Forest Orchard color palette (#ECF0E9, #C6D0C1, #95A692, #00644B, #2A3024)
- Frosted Emerald color palette (#DDE3D5, #009238, #00774F, #004B46, #000503)
- Forest Study color palette (#E4E5C7, #336C34, #003519, #0B1B00, #000900)
- Dusty Atelier color palette (#D4F4F2, #307B85, #004056, #221549, #1C042D)
- Weathered Pine color palette (#F4F6EF, #D0DDD5, #B1C2A9, #1A7E4E, #384700)
- Obsidian Spruce color palette (#E9F1E3, #54555E, #00372A, #0F1F1F, #000605)
Browse the whole catalog at Explore, or see today's palette.