Clover Boulevard color palette — #CDE4FF · #00D26B · #FF7484 · #533954 · #180F18

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

The five colors

• Frost (#CDE4FF): A whisper-light, dusty blue — the color of deep harbor water.
• Clover (#00D26B): A luminous, vivid teal — the color of sea glass.
• Rose (#FF7484): A luminous, vivid red — the color of embers at dusk.
• Charcoal (#533954): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#180F18): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Energy, Balance. Tagged neon, dark, vibrant.

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

• Quiet Tangerine color palette (#ECE8FA, #00C8C9, #FF7C43, #57354B, #150B11)
• Linen Ember color palette (#EDEFFF, #00B6A1, #FC5123, #52251A, #090207)
• Quiet Lime Ridge color palette (#DBF1EC, #96BC00, #E68100, #3C2409, #1F1206)
• Quiet Garden color palette (#D1F1E2, #23CAF8, #E65888, #4E3955, #180F1B)
• Washed Ember Summit color palette (#C4E9DD, #A8AFFF, #E66151, #54394F, #1A0F18)
• Seafoam Thicket color palette (#E0DFED, #03EFD8, #FFB28D, #66515D, #322A2F)
• Soft Mustard color palette (#EAD8E5, #D5B700, #BB5543, #663B33, #120710)
• Magenta Canyon color palette (#EDF0DE, #00CEE8, #D941E6, #423A59, #141020)

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