Clover Drift color palette — #F9F1DE · #77BC61 · #007D65 · #19526E · #212204

Built around Clover, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Cream (#F9F1DE): A whisper-light, dusty gold — the color of old brass.
• Clover (#77BC61): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#007D65): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#19526E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#212204): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Hazy Olive color palette (#FFEFDE, #B3AC39, #347E24, #00575C, #291F00)
• Cypress Ridge color palette (#F4F8E1, #76B38D, #007C5B, #005E55, #1A442D)
• Hushed Emerald color palette (#F2EDDC, #4EA262, #006359, #113C5B, #111400)
• Washed Moss color palette (#F3E3C2, #65AA1C, #006C50, #592C4B, #0B1B00)
• Pine Meadow color palette (#FBF0E2, #B6B87B, #548252, #6A4B52, #2D2714)
• Patina Jade Pier color palette (#E3FCF5, #98F0AB, #0CAB82, #3A7679, #003634)
• Patina Lagoon color palette (#FFEBF9, #8C9FFF, #878600, #3639B5, #232200)
• Muted Cobalt Field color palette (#FFEEE5, #78E1FB, #0F89D4, #00654C, #19204A)

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