Olive Boulevard color palette — #FBF5E5 · #9DAA77 · #487837 · #055680 · #354005

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

The five colors

• Cream (#FBF5E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#9DAA77): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#487837): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#055680): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#354005): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Soft Navy Drift color palette (#F7F7E3, #77B387, #007C60, #3A4895, #194528)
• Patina Forest Thicket color palette (#E8E5D7, #7C9567, #226433, #113F6B, #1D2F08)
• Olive Summit color palette (#FFEFE0, #B6A865, #4A7B10, #653968, #2B1E00)
• Muted Corridor color palette (#F9E9CF, #9C962B, #4D6400, #582182, #322F00)
• Emerald Loft color palette (#FFF1F6, #C7BE66, #5B9941, #7D5A87, #413C0A)
• Dusty Navy color palette (#EAEAD7, #478B5D, #00513F, #1D216E, #00220D)
• Hushed Cerulean color palette (#FDF4E6, #95DDDE, #008FA3, #006953, #00475D)
• Chartreuse Chapel color palette (#E6FBEF, #C2DC65, #7BB866, #668EAB, #184337)

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