Clover Ridge color palette — #F8EBC6 · #61C656 · #008B75 · #834261 · #10380C

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

The five colors

• Custard (#F8EBC6): A whisper-light, dusty green — the color of a quiet forest floor.
• Clover (#61C656): A luminous, vivid green — the color of a quiet forest floor.
• Fern (#008B75): A full-bodied, balanced teal — the color of shallow lagoons.
• Raspberry (#834261): A full-bodied, balanced rose — the color of pressed rose petals.
• Deep Forest (#10380C): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Sunlit Pine Harbor color palette (#F2E2CD, #9DAF49, #20874A, #6E4858, #2F2905)
• Faded Aubergine color palette (#DAFFF0, #9AD59B, #009475, #773B87, #002704)
• Washed Balcony color palette (#F9EED1, #5FA752, #00715D, #57385A, #1B1D00)
• Weathered Emerald color palette (#FFF3E6, #C2C067, #4C9C41, #69638B, #3E3D12)
• Dusty Fern color palette (#F8F5E8, #9FD3AC, #569E96, #89686B, #3D4900)
• Plum Station color palette (#FFD9E3, #FF5897, #00A485, #BF0062, #00372B)
• Jade Grove color palette (#D2F3F1, #3BA882, #006A58, #004965, #003727)
• Hushed Atelier color palette (#E6F0D2, #81D4B5, #00AF96, #0085B7, #003728)

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