Olive Field color palette — #DFF9E9 · #AEAD4A · #647400 · #6F3A3E · #03271B
A conversation between Olive and Gold, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DFF9E9): A whisper-light, dusty teal — the color of glacier melt.
- Gold (#AEAD4A): A luminous, balanced green — the color of new leaves after rain.
- Olive (#647400): A full-bodied, balanced green — the color of a quiet forest floor.
- Cocoa (#6F3A3E): A full-bodied, dusty red — the color of late-summer berries.
- Onyx (#03271B): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Muted Study color palette (#DAFAF3, #78BA7C, #008049, #694121, #002724)
- Hushed Moss Studio color palette (#E0F3E7, #959224, #505C04, #542B2B, #00170E)
- Soft Olive Balcony color palette (#FFF4E1, #A9A763, #597513, #56457D, #3F3D0B)
- Wandering Quarry color palette (#E9F6EC, #CDC592, #668D7C, #715A65, #26352D)
- Muted Teal Grove color palette (#D5FBF9, #5CBD99, #007D69, #1A526D, #00281B)
- Quiet Moss color palette (#E9FBEA, #E3DD82, #76A14C, #6B6394, #123627)
- Forest Canyon color palette (#D3ECE3, #60863B, #105205, #441D0B, #000A08)
- Powdered Scarlet color palette (#FFDBD4, #EF2305, #887400, #8B3A91, #270C22)
Browse the whole catalog at Explore, or see today's palette.