Clover Canyon color palette — #EBECE1 · #6EBC4E · #0079B4 · #2F7600 · #00110C

Clover takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#EBECE1): bright and airy, almost weightless.
• Clover (#6EBC4E): A luminous, vivid green — the color of new leaves after rain.
• Cerulean (#0079B4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Olive (#2F7600): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#00110C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

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

• Pale Sapphire color palette (#E9EEDE, #58BC82, #006DDC, #007744, #150716)
• Hushed Market color palette (#EEEBE1, #B0A846, #008092, #6D6600, #001206)
• Pine Meadow color palette (#E7FAF8, #80D092, #008596, #007835, #000102)
• Tempered Pier color palette (#DDEFEF, #00A268, #165C70, #004F30, #001015)
• Washed Lapis Hollow color palette (#E3E8DB, #00AD6E, #4B40DA, #00633C, #0B0007)
• Worn Jade color palette (#D7E2D8, #24BF97, #008384, #005473, #002045)
• Amethyst Bloom color palette (#E9F6E8, #00C3C2, #764AFF, #007978, #210618)
• Garnet Bloom color palette (#F6D6C8, #00AC7A, #007590, #8A0702, #002B27)

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