Clover Field color palette — #F2F9DF · #00C75E · #009DDC · #3C61BA · #00230B

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

The five colors

• Cream (#F2F9DF): A whisper-light, dusty green — the color of fresh herbs.
• Clover (#00C75E): A luminous, vivid teal — the color of sea glass.
• Cerulean (#009DDC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#3C61BA): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#00230B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged cool.

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

• Softworn Cornflower Ridge color palette (#EDFBE2, #00B895, #3F8AE6, #5E5497, #0F1905)
• Washed Lime Archive color palette (#FFF6D1, #AAAF00, #00A6A8, #007292, #1C1D00)
• Hazy Navy color palette (#EFFAE2, #00CC98, #008EA1, #004CA6, #2C0E48)
• Pale Lime color palette (#FEF6CE, #85D772, #009E6C, #006085, #083112)
• Sapphire Meadow color palette (#EBFBE1, #00A186, #1E6EEB, #4F3897, #030A00)
• Iris Chapel color palette (#E0FFE5, #00BCC9, #897AFF, #8E3DA7, #01220C)
• Patina Sapphire color palette (#EAFBE6, #00BCAE, #1D66F9, #6D28B2, #28051A)
• Aubergine Ridge color palette (#DBFBE6, #947900, #0073A7, #572995, #1A1300)

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