Clover Workshop color palette — #E0F7F6 · #00C773 · #00788E · #006D3D · #000B12
Clover takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E0F7F6): A whisper-light, dusty teal — the color of sea glass.
- Clover (#00C773): A luminous, vivid teal — the color of shallow lagoons.
- Teal (#00788E): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#006D3D): A full-bodied, balanced teal — the color of sea glass.
- Ink (#000B12): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
Use it as a design system
One click turns Clover Workshop 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
- Dusty Teal color palette (#E8F5F6, #00BA9E, #006BA1, #006454, #000711)
- Clover Hollow color palette (#F4F7E9, #55BC5C, #006E91, #016918, #002417)
- Quiet Lime color palette (#E4F7F1, #93B800, #007B7A, #4F6500, #000B10)
- Wandering Aqua color palette (#E7F5F9, #00CCD2, #686BB9, #007377, #090E1B)
- Mint Quarry color palette (#F0F9E6, #00DBA2, #0098A3, #008D67, #03240D)
- Gentle Garnet color palette (#DAFCE1, #00A898, #006C87, #6C1644, #002029)
- Tempered Seafoam color palette (#6DFFD3, #00C2B6, #007F8C, #004659, #001D31)
- Pale Aubergine Workshop color palette (#D3FBFB, #00875A, #6329AE, #6C0116, #0D0B00)
Browse the whole catalog at Explore, or see today's palette.