Clover Drift color palette — #F3F8E4 · #00C15E · #006F90 · #006830 · #052318
A conversation between Clover and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#F3F8E4): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#00C15E): A luminous, vivid teal — the color of glacier melt.
- Peacock (#006F90): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006830): A full-bodied, balanced teal — the color of sea glass.
- Onyx (#052318): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged duotone.
Use it as a design system
One click turns Clover Drift 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
- Sunlit Clover Coast color palette (#F2F4E1, #6CBF58, #0074A1, #1E6E00, #000D07)
- Antique Petrol Workshop color palette (#F0F9E7, #00BD92, #0066B4, #00654D, #261628)
- Aged Moss color palette (#F9F6E4, #97AF00, #007565, #505D00, #102205)
- Worn Emerald Courtyard color palette (#E7EFDC, #00A16E, #00586B, #004E33, #001208)
- Softworn Quarry color palette (#FFF4E2, #00A28D, #006B82, #781651, #003E3E)
- Olive Meadow color palette (#E6FAF7, #8DCF7D, #0091C8, #2D8F05, #021F32)
- Teal Studio color palette (#B8FFDC, #00B8AA, #007984, #005168, #003757)
- Antique Mint color palette (#E0FFDF, #00EA86, #00C6C6, #0088BD, #003C44)
Browse the whole catalog at Explore, or see today's palette.