Olive Field color palette — #D3EDDF · #677824 · #4C4700 · #2F2200 · #010500

Olive and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D3EDDF): A whisper-light, dusty teal — the color of sea glass.
• Olive (#677824): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#4C4700): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#2F2200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#010500): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, 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

• Lowlit Boulevard color palette (#D2F3E2, #46642C, #312D00, #1B0D00, #000502)
• Weathered Bronze color palette (#FDDAE5, #8E6709, #633A00, #3E1700, #050300)
• Worn Fern color palette (#EBDFC2, #6B8D4A, #6B6100, #5A3600, #000502)
• Wandering Bronze color palette (#CFE2EC, #936E00, #00313D, #1E1D25, #00070B)
• Worn Garnet color palette (#DBF0FD, #005B76, #85001B, #3A2400, #000204)
• Wandering Bronze Coast color palette (#FDE5EF, #BD9767, #9B6236, #733B29, #0C2B17)
• Byzantium Corridor color palette (#F5EEDF, #A129FB, #007D8E, #080F15, #000204)
• Tempered Lagoon color palette (#D7E4ED, #007FAD, #5C009E, #003D56, #01000E)

Browse the whole catalog at Explore, or see today's palette.