Clover Ridge color palette — #FBDEE1 · #19CE32 · #C09A00 · #342800 · #130E04

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

The five colors

• Shell Pink (#FBDEE1): A whisper-light, dusty red — the color of late-summer berries.
• Clover (#19CE32): A luminous, vivid green — the color of new leaves after rain.
• Mustard (#C09A00): A luminous, balanced green — the color of new leaves after rain.
• Espresso (#342800): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#130E04): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, 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 Mint color palette (#DBEBF2, #00C991, #A4A600, #2B2C00, #191508)
• Muted Courtyard color palette (#F1D7E6, #EA7E00, #80A700, #3D1C00, #1D1208)
• Soft Lime color palette (#DBEDFF, #00DFDA, #9FC300, #002119, #000201)
• Washed Canyon color palette (#EFEBDC, #ABAB30, #008847, #686800, #0B0F00)
• Timeworn Taupe Balcony color palette (#E8DCCB, #C39F53, #6D5000, #362600, #120900)
• Quiet Clover Cabin color palette (#E2E8F9, #04C4EE, #00C475, #00361C, #171C0A)
• Pale Lime Quarry color palette (#CEE5F7, #00E9DA, #89D80E, #3F3F37, #252519)
• Weathered Pine color palette (#DAE4D3, #6CB772, #008C51, #005940, #002F26)

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