Clover Drift color palette — #F3F7E8 · #00C167 · #0061C2 · #006735 · #281429

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

The five colors

• Ivory (#F3F7E8): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#00C167): A luminous, vivid teal — the color of sea glass.
• Cobalt (#0061C2): A full-bodied, vivid blue — the color of deep harbor water.
• Pine (#006735): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#281429): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, 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 Sapphire color palette (#F2F4E4, #67C05B, #3C5ADE, #186E09, #150212)
• Airy Market color palette (#F1F8EC, #00B393, #5F4CA5, #005E4C, #26101C)
• Timeworn Clover Villa color palette (#F6F7E1, #64BB36, #00708A, #2B6600, #082317)
• Olive Hollow color palette (#E5FBF7, #82D273, #6E77EC, #278F07, #121C34)
• Worn Garnet color palette (#FFF2EF, #00A293, #00669B, #7F1A10, #003D43)
• Worn Cornflower Alley color palette (#DDFFE7, #00EB9B, #00BECC, #5978F8, #003C4E)
• Linen Coast color palette (#E0F9EA, #009EBD, #84009C, #004F60, #1F0425)
• Navy Atelier color palette (#B6FFD8, #00BBB1, #00778B, #004A7A, #1C1A88)

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