Clover Field color palette — #F0F4E4 · #05C867 · #00788E · #006E35 · #000D05

A conversation between Clover and Pine, giving this palette its sense of nature and growth.

The five colors

• Cream (#F0F4E4): A whisper-light, dusty green — the color of a quiet forest floor.
• Clover (#05C867): A luminous, vivid teal — the color of shallow lagoons.
• Teal (#00788E): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006E35): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#000D05): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged duotone.

Use it as a design system

One click turns Clover Field 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

• Ancient Quarry color palette (#EEF4E9, #44B69B, #006E94, #006451, #000905)
• Lime Coast color palette (#F5F3E1, #9DB446, #007B79, #536300, #010D01)
• Hushed Sapphire Ridge color palette (#ECF5E9, #00C1B1, #2F5AE4, #006A60, #140213)
• Sunlit Mint color palette (#E4FBF9, #00DF73, #0091C9, #008F48, #051F31)
• Lime Balcony color palette (#E7FAF5, #74B800, #3C58C8, #3C6300, #111D31)
• Antique Villa color palette (#D9E9E2, #00BFB0, #00828B, #004C5F, #001D30)
• Soft Garnet color palette (#FFF0D8, #00A894, #006D84, #720049, #002222)
• Muted Workshop color palette (#EEF4EA, #C9DBD5, #AAC8B3, #007D65, #21281B)

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