Clover Canyon color palette — #DFFCF6 · #E5C229 · #58C556 · #008C8F · #0C351F
Clover and Saffron set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#DFFCF6): A whisper-light, dusty teal — the color of glacier melt.
- Saffron (#E5C229): A whisper-light, balanced green — the color of new leaves after rain.
- Clover (#58C556): A luminous, vivid green — the color of new leaves after rain.
- Cerulean (#008C8F): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#0C351F): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light.
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
- Hushed Orchard color palette (#E0FBFE, #C0D352, #00BD91, #0089B2, #003A3B)
- Sunlit Chartreuse Coast color palette (#F1F5D6, #B6DC3A, #64C05C, #268B64, #181C00)
- Weathered Moss Alley color palette (#E1FDF1, #FFBB83, #9DA700, #008D62, #213513)
- Airy Jade Boulevard color palette (#D7EDCE, #50B375, #00816F, #00595B, #193B57)
- Lime Parlor color palette (#E1FBFF, #3DD412, #00B5A7, #007AB1, #003034)
- Hazy Pier color palette (#C4EEEC, #BBA100, #009143, #005A67, #001712)
- Misty Chartreuse Lantern color palette (#F5F8DE, #E1E47F, #84E585, #00D0B7, #30312B)
- Worn Pine Villa color palette (#ECF9F0, #94A271, #1F7633, #584A19, #203C33)
Browse the whole catalog at Explore, or see today's palette.