Clover Field color palette — #F3ECCA · #61C46E · #008C71 · #00667B · #113717

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

The five colors

• Parchment (#F3ECCA): A whisper-light, dusty green — the color of a quiet forest floor.
• Clover (#61C46E): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#008C71): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#00667B): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#113717): A deep, shadowed, dusty green — the color of new leaves after rain.

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

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

• Weathered Lagoon Workshop color palette (#E3FBF5, #95D5A5, #009473, #00656B, #00260E)
• Washed Grove color palette (#FCE8C8, #A8B600, #258F13, #066963, #2D3100)
• Feathered Lagoon color palette (#EFE3CF, #9EAF57, #3B843E, #564E77, #302900)
• Aged Moss color palette (#F8EAC6, #62A556, #006A57, #004968, #0A3901)
• Worn Stone color palette (#FCF5E2, #A3BF86, #588E6C, #7C5765, #36362F)
• Jade Drift color palette (#D9F3E3, #A1D087, #00B189, #0086B2, #1B3606)
• Washed Fern Ridge color palette (#F6F6E9, #CAD8AE, #6DA89F, #6C8479, #44550D)
• Soft Azure color palette (#FFF2EB, #6CDCFB, #0095DB, #007467, #153064)

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