Olive Field color palette — #DBF6E7 · #747724 · #4C4500 · #2B2200 · #040600

Olive takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#DBF6E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#747724): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#4C4500): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#2B2200): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#040600): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Worn Basalt color palette (#F3E6C8, #6F7D4C, #504600, #392300, #011D02)
• Timeworn Parlor color palette (#FFE2EC, #8F6937, #633800, #391800, #090400)
• Patina Delta color palette (#D6E6DD, #897900, #115203, #3F3600, #000201)
• Bronze Dune color palette (#D2F3DF, #A5A465, #7B6B00, #544100, #1B1F00)
• Moss Boulevard color palette (#D1EEDD, #90A454, #6E6000, #462B00, #000600)
• Feathered Olive Orchard color palette (#DEE8C7, #518200, #07550D, #00260E, #000904)
• Chalky Amber color palette (#FFE4ED, #BE7E00, #824D00, #552900, #1A1000)
• Washed Grove color palette (#E7F3E8, #6D4A00, #005134, #4D0028, #040200)

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