Olive Boulevard color palette — #F5F7E8 · #9CBA90 · #9B8FC7 · #4E8237 · #4F466D

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

The five colors

• Ivory (#F5F7E8): bright and airy, almost weightless.
• Sage (#9CBA90): A luminous, dusty green — the color of new leaves after rain.
• Blue Fog (#9B8FC7): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#4E8237): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#4F466D): A full-bodied, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged 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

• Antique Alley color palette (#F0F8ED, #79BFB5, #C381A7, #008579, #664242)
• Timeworn Study color palette (#FAF4EB, #C3AC86, #679ED2, #8E6D00, #2A564C)
• Iris Balcony color palette (#F6F7E4, #7FA46D, #9B79B4, #9A5A76, #43433C)
• Coral Lantern color palette (#E5F7F0, #AABD7B, #D78179, #687A33, #40273D)
• Aged Moss color palette (#F6F6E7, #B2CF9C, #61BEE8, #729A4F, #365548)
• Celadon Field color palette (#E7FAF6, #BAE3A4, #CEBAF9, #94B383, #484B64)
• Muted Bronze color palette (#FEF3EA, #C5B5A0, #A87340, #814E44, #5A4500)
• Weathered Plum color palette (#F2F9DF, #52BC73, #AC379D, #006F34, #5B1E52)

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