Olive Field color palette — #E8DEC5 · #678548 · #00532F · #37224E · #112000

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

The five colors

• Bone (#E8DEC5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Olive Leaf (#678548): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#00532F): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Deep Indigo (#37224E): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#112000): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, 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

• Lagoon Garden color palette (#F2F0DB, #468A60, #005046, #003445, #00220E)
• Antique Lantern color palette (#EBE4D1, #789669, #006543, #4D3057, #1B2F0F)
• Wandering Pine color palette (#F1EDCC, #2F7D4C, #004238, #361036, #001506)
• Airy Garden color palette (#F9E8E8, #B0308B, #006B3C, #67004E, #00220F)
• Fern Orchard color palette (#ECE1D0, #5D6216, #0C3500, #1B0B35, #060600)
• Softworn Pier color palette (#FFF4DD, #95AD6E, #2D7B47, #5A4573, #33401B)
• Patina Denim color palette (#EADED8, #70A9B6, #005E87, #003F35, #001C49)
• Misty Emerald color palette (#D2EBDD, #8DB661, #00975A, #6F568D, #112000)

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