Olive Boulevard color palette — #F7EBC4 · #9DB840 · #568800 · #286B37 · #293205

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

The five colors

• Custard (#F7EBC4): A whisper-light, dusty green — the color of new leaves after rain.
• Lime (#9DB840): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#568800): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#286B37): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#293205): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Olive Boulevard 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

• Faded Clover color palette (#EBEFD0, #3BC876, #008D62, #3B6737, #0A371D)
• Chalky Moss color palette (#F9EAC9, #8F9B29, #3A6900, #005038, #2D3100)
• Softworn Station color palette (#FCF4E4, #B8B97D, #7B883D, #576A4A, #37352F)
• Chalky Moss color palette (#FFF3E8, #D2C47F, #599019, #006664, #251E00)
• Washed Moss Meadow color palette (#D6F4E0, #BEC87B, #65AE03, #009168, #2D3100)
• Washed Emerald Pier color palette (#EBEAD5, #4C983A, #00642A, #004047, #021500)
• Hushed Corridor color palette (#F7F6EB, #D5D4AA, #9B9F7C, #728744, #535000)
• Quiet Magenta color palette (#DFE8F4, #3888FE, #CB00D9, #007F7D, #022151)

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