Olive Boulevard color palette — #ECF4F1 · #CFDAE0 · #B0C0D1 · #6C7C4B · #222F2B

A conversation between Walnut and Ash, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Silver (#CFDAE0): bright and airy, almost weightless.
• Ash (#B0C0D1): A luminous, dusty blue — the color of deep harbor water.
• Walnut (#6C7C4B): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Forest (#222F2B): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Hushed Olive Thicket color palette (#EEF8F5, #CEE0E7, #B6C4CC, #637E50, #404A48)
• Antique Lagoon color palette (#EAF5EE, #8DBFB5, #35866B, #385F49, #0E2D28)
• Timeworn Forest color palette (#E5F6F4, #BADBE1, #80B5C8, #006F23, #071E1C)
• Cerulean Archive color palette (#D7EFDE, #85BEBA, #488E98, #6A4C64, #463342)
• Washed Petrol Terrace color palette (#D2E2E2, #7A929B, #49708D, #003323, #000202)
• Worn Pine color palette (#DEF5F4, #008B56, #123642, #011A1A, #020806)
• Muted Pier color palette (#E5F1F7, #A6B5C4, #838CAB, #004D58, #010D13)
• Moss Ridge color palette (#FDEBFD, #94A652, #007B7B, #633352, #022927)

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