Clover Boulevard color palette — #F5F6EF · #B4E4B4 · #31C1DC · #59BA5F · #17291E

Clover and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F6EF): a clean, paper-quiet neutral.
• Mint (#B4E4B4): A whisper-light, balanced green — the color of new leaves after rain.
• Cyan (#31C1DC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Clover (#59BA5F): A luminous, balanced green — the color of a quiet forest floor.
• Onyx (#17291E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

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

• Teal Alley color palette (#F3F6F1, #CFE7C2, #7DC0EB, #26C5AB, #1F332C)
• Weathered Moss color palette (#F7F5EC, #D5DBA2, #60C3A7, #A3AA28, #1D2813)
• Mint Orchard color palette (#ECF6E3, #46E0AE, #00A9DD, #00A77D, #00141E)
• Hazy Delta color palette (#F3F8E8, #86CA9E, #9F8BE7, #BE5372, #33250A)
• Chalky Moss Orchard color palette (#F7F5ED, #BDCC9B, #3F96D7, #738D00, #0B2A23)
• Cerulean Chapel color palette (#DCFFEA, #99E8D5, #4BC2C5, #0095AC, #00425F)
• Antique Pier color palette (#FFF4E2, #8DD9C2, #41B6CC, #B06494, #30432D)
• Washed Lagoon color palette (#F3F6F0, #D3DDD9, #A5B8BD, #79BCA0, #454A40)

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