Olive Field color palette — #E2FEE7 · #C69B24 · #557800 · #003C83 · #161300

Built around Olive, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Honeydew (#E2FEE7): A whisper-light, dusty teal — the color of shallow lagoons.
• Mustard (#C69B24): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#557800): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#003C83): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#161300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

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

• Soft Amber color palette (#DEFFE5, #E38845, #7E6900, #00465B, #1D0F00)
• Airy Aubergine Atelier color palette (#DEFFE5, #99AE36, #007F50, #42248C, #081700)
• Quiet Quarry color palette (#E5FDE9, #CBB757, #578F42, #31499C, #00291D)
• Feathered Aubergine Workshop color palette (#E4FCEC, #AD8F0A, #00736E, #390098, #210003)
• Aubergine Lagoon color palette (#D7F8DE, #918F00, #006729, #24037D, #030500)
• Bronze Market color palette (#F1DCB1, #947100, #3D5700, #00306C, #2E2200)
• Moonless Olive color palette (#D4ECE0, #7E7B00, #002C25, #151620, #040400)
• Wandering Navy color palette (#D1FAE0, #9EC6BA, #589175, #424990, #282747)

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