Clover Ridge color palette — #D9ECFC · #34BC11 · #FF4465 · #550B1A · #0B010C

Clover takes the lead with Scarlet close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#D9ECFC): A whisper-light, dusty blue — the color of deep harbor water.
• Clover (#34BC11): A luminous, vivid green — the color of new leaves after rain.
• Scarlet (#FF4465): A luminous, vivid red — the color of late-summer berries.
• Espresso (#550B1A): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#0B010C): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns Clover Ridge 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

• Soft Peony color palette (#C3ECFC, #83AE00, #FF3494, #5D1635, #07010B)
• Patina Scarlet color palette (#CDE3FE, #00BB65, #E73908, #582519, #0C0309)
• Misty Rose Veranda color palette (#CCE2F1, #00ACBB, #FB1B72, #3F0016, #100413)
• Muted Terrace color palette (#D4E4F5, #2E9800, #D30043, #1A0300, #040000)
• Mint Archive color palette (#E6E7F5, #00D693, #FF8942, #733100, #2A0C1E)
• Powdered Ember color palette (#F4E0EF, #E6503E, #00937F, #006A99, #220000)
• Antique Brick Boulevard color palette (#FAE5F7, #CB9E31, #AF383B, #700012, #070007)
• Linen Bronze Thicket color palette (#D9DFF3, #00B4B0, #BB6E00, #502C00, #0D0004)

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