Clover Ridge color palette — #DCFDF8 · #3DBB3D · #284E4D · #122220 · #020705

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

The five colors

• Ivory (#DCFDF8): A whisper-light, dusty teal — the color of sea glass.
• Clover (#3DBB3D): A luminous, vivid green — the color of new leaves after rain.
• Charcoal (#284E4D): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#122220): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#020705): a grounded near-black with real depth.

Feels like: Nature, Growth, Energy, Sophistication. Tagged noir, dark, luxury, 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

• Patina Canyon color palette (#DEFCFF, #00B899, #294C54, #102224, #010707)
• Clover Orchard color palette (#D0EBE7, #77BF70, #587678, #374F4C, #0F1B17)
• Marigold Bloom color palette (#E8FBEE, #B99C00, #2F4E41, #132219, #030604)
• Weathered Olive Atelier color palette (#D6E9E6, #458233, #12383F, #0A2421, #060F0F)
• Cerulean Dune color palette (#EAF8FF, #0099B9, #1E384A, #00121C, #000102)
• Quiet Villa color palette (#E3FAFF, #00D7CA, #77AEEE, #899B59, #0A3138)
• Tempered Celadon color palette (#E9FAF1, #E2EDAE, #93A678, #607E6F, #243F35)
• Pale Lagoon color palette (#DDFFE8, #84F8BF, #2EB992, #0C7A69, #06473F)

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