Olive Boulevard color palette — #FAF4EA · #B3B286 · #687C46 · #406252 · #514000

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

The five colors

• Ivory (#FAF4EA): bright and airy, almost weightless.
• Sage (#B3B286): A luminous, dusty green — the color of new leaves after rain.
• Olive (#687C46): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#406252): A full-bodied, dusty teal — the color of glacier melt.
• Deep Olive (#514000): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Dusty Veranda color palette (#F7F5EC, #99BB90, #3E835D, #685167, #444600)
• Pewter Lantern color palette (#FDEFE4, #C2B384, #6A7D4D, #674C56, #2F2615)
• Patina Stone Loft color palette (#FEF1F7, #D8C384, #829960, #6D6F8A, #36473C)
• Wandering Taupe Pier color palette (#EBF9F2, #B5E0CF, #A1B484, #72989E, #2F493F)
• Softworn Quarry color palette (#ECE3D7, #978E41, #4C5D00, #403366, #322808)
• Soft Orchard color palette (#FFF1F5, #AF90CC, #6E9A2D, #7A4E9D, #374922)
• Aged Olive color palette (#ECE6D8, #667412, #1C4200, #00253A, #0E1100)
• Bronze Grove color palette (#FFF1F4, #A471BA, #A56E00, #007878, #493037)

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