Olive Boulevard color palette — #FCF3EF · #C7EEE3 · #66A4B4 · #647735 · #375148

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

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Honeydew (#C7EEE3): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#66A4B4): A luminous, dusty blue — the color of open sky before noon.
• Olive (#647735): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#375148): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Wandering Quarry color palette (#F8F0ED, #C9E5DD, #6DA6B9, #69712A, #412F43)
• Wandering Cypress color palette (#FBF3EE, #C7ECEB, #72A599, #3B7B78, #5E4C5A)
• Hushed Marigold color palette (#FFF3E2, #D1A95D, #6A9DD3, #886E3E, #5A445D)
• Wandering Cobalt Pier color palette (#FFF2EB, #75DFFB, #0088C5, #00685B, #2A4063)
• Antique Spruce Parlor color palette (#EDDBD1, #5FAEA9, #006271, #004120, #002333)
• Worn Cerulean Market color palette (#FCE7DD, #28909B, #004358, #002319, #000A18)
• Softworn Chestnut Station color palette (#FFF3E5, #C2E3CD, #8FC8C2, #AB8A78, #634B00)
• Amber Corridor color palette (#FFF3E2, #BC9034, #648BC1, #6873A4, #46423B)

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