Clover Ridge color palette — #FFDCD1 · #3FD154 · #009DC1 · #BC2D48 · #003127

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

The five colors

• Shell Pink (#FFDCD1): A whisper-light, dusty orange — the color of autumn markets.
• Clover (#3FD154): A luminous, vivid green — the color of new leaves after rain.
• Cerulean (#009DC1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Ruby (#BC2D48): A full-bodied, vivid red — the color of a theater curtain.
• Deep Forest (#003127): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged retro, 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

• Antique Plum color palette (#FFDADB, #AFBC00, #00A39E, #B4208C, #033304)
• Feathered Parlor color palette (#FFDDC5, #00CDAC, #2E99FD, #9E4700, #003034)
• Weathered Mulberry color palette (#FBE2AF, #00B38A, #007D8C, #86006D, #00312C)
• Feathered Parlor color palette (#F4E7C8, #C8B521, #227AF1, #9E4E00, #322000)
• Faded Azure color palette (#E8ECDC, #53D3BB, #15AAF5, #AA7133, #5D3500)
• Chalky Mint color palette (#F0EDCE, #6AD9A6, #00ACAE, #6F8440, #003823)
• Aged Sky color palette (#FFF2EC, #AAE0B7, #6ABADC, #B77A6E, #3F4C3A)
• Indigo Market color palette (#EBDCC1, #00ACB6, #615FE8, #685200, #001925)

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