Clover Boulevard color palette — #F4F6EF · #D1DED5 · #B5BECA · #53BE6A · #3D4500

Built around Clover, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#D1DED5): bright and airy, almost weightless.
• Ash (#B5BECA): a calm mid-gray that lets other colors speak.
• Clover (#53BE6A): A luminous, balanced green — the color of new leaves after rain.
• Deep Olive (#3D4500): A deep, shadowed, balanced green — the color of fresh herbs.

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

Use it as a design system

One click turns Clover 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 Emerald Hollow color palette (#F5F6EB, #CDDFD4, #9FCDC1, #609751, #424300)
• Mustard Terrace color palette (#F7F5EF, #D7DDCF, #93B8B7, #B7A536, #503D00)
• Soft Clover color palette (#F6F7E8, #A9DEAD, #00C477, #6D9659, #3A3B34)
• Weathered Teal color palette (#E1EED7, #00BB9A, #1A766F, #39472E, #0F1407)
• Patina Lantern color palette (#F0F7F2, #C1E3E2, #B5C6F1, #00AAC5, #23382B)
• Washed Powder color palette (#F0F7F3, #D1DDDD, #C6C4F4, #A7B4BE, #4D5551)
• Olive Villa color palette (#F2F3EA, #CCDBD3, #B2C5B8, #457B31, #262615)
• Linen Boulevard color palette (#EDFAE9, #00D3BE, #00A6DE, #6765CF, #1F3900)

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