Clover Field color palette — #EBF2DB · #00CD77 · #D282B1 · #B16593 · #232A11

Clover and Bubblegum set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EBF2DB): A whisper-light, dusty green — the color of a quiet forest floor.
• Clover (#00CD77): A luminous, vivid teal — the color of sea glass.
• Bubblegum (#D282B1): A luminous, balanced pink — the color of a candy shop window.
• Dusty Rose (#B16593): A luminous, balanced pink — the color of a candy shop window.
• Onyx (#232A11): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Chalky Canyon color palette (#E5F3E2, #00C6BC, #DA828D, #B66871, #1D2B1B)
• Feathered Teal color palette (#E8FCE7, #00C3B6, #AD7AC9, #A05891, #2A2003)
• Pale Lagoon color palette (#E1FCF6, #78B057, #C76682, #8D4559, #001A16)
• Patina Chartreuse Orchard color palette (#F2F0D6, #9FD631, #9E75D0, #9D5B90, #2A2708)
• Feathered Lilac Balcony color palette (#EBF6E7, #00CDBB, #A87AD6, #9B5F33, #452000)
• Weathered Raspberry color palette (#D4FAEB, #00A27E, #C14F8F, #9C3771, #071100)
• Pale Drift color palette (#FFE9E0, #00D6C7, #429FE2, #9D6259, #183822)
• Aqua Drift color palette (#E8FBEE, #45D7F1, #DEA89A, #BC8D80, #324137)

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