Olive Field color palette — #D8F2E0 · #697C14 · #493A00 · #200C00 · #000200

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

The five colors

• Honeydew (#D8F2E0): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#697C14): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#493A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#200C00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged earthy, warm, dark, 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

• Moonless Bronze color palette (#F8E4EC, #8E6D00, #5B2F00, #2B0002, #010100)
• Lowlit Garden color palette (#FCDDC7, #8C7900, #254500, #00120D, #000102)
• Weathered Moss color palette (#EDE2C8, #838F00, #614900, #381700, #000200)
• Timeworn Lime Meadow color palette (#DCFFEA, #98D02A, #917E00, #704000, #001F0E)
• Bronze Garden color palette (#FDE7EF, #B16500, #004451, #422200, #000103)
• Pale Thicket color palette (#FCDBE6, #B0993A, #875100, #5B1508, #000503)
• Shadow Navy color palette (#D4E4D3, #6A4400, #00318F, #001146, #020100)
• Bronze Field color palette (#FFF0F9, #E2A54F, #B25A2E, #6F2E3A, #00180C)

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