Clover Canyon color palette — #E0ECB7 · #00B833 · #008361 · #00537A · #003317

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

The five colors

• Celadon Mist (#E0ECB7): A whisper-light, dusty green — the color of a quiet forest floor.
• Clover (#00B833): A luminous, vivid green — the color of fresh herbs.
• Teal (#008361): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#00537A): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#003317): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged retro, vibrant.

Use it as a design system

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

• Timeworn Bloom color palette (#BCF2E4, #00B382, #008078, #0046A3, #003127)
• Antique Olive Boulevard color palette (#E9E8B9, #95A300, #358300, #005862, #222E00)
• Aubergine Market color palette (#FFDDC7, #668C00, #006057, #61005B, #00330E)
• Dusty Atelier color palette (#DCF5F4, #008E54, #004333, #002210, #000A09)
• Feathered Mulberry color palette (#FFF1F1, #A8B500, #008480, #79006A, #011F02)
• Patina Lime Market color palette (#F9E2B3, #71CC02, #00A688, #824BBA, #003311)
• Olive Veranda color palette (#D7F3E8, #90BA64, #2A8F00, #556215, #203500)
• Patina Teal color palette (#E9FAF4, #8CD0A5, #3BA792, #537291, #354D4E)

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