Clover Field color palette — #E7FBF2 · #C2D990 · #84B65A · #A8804B · #354019

Jade and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7FBF2): A whisper-light, dusty teal — the color of glacier melt.
• Pistachio (#C2D990): A whisper-light, balanced green — the color of new leaves after rain.
• Jade (#84B65A): A luminous, balanced green — the color of a quiet forest floor.
• Caramel (#A8804B): A luminous, balanced gold — the color of old brass.
• Deep Olive (#354019): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, 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

• Muted Jade Chapel color palette (#DFFDF7, #A6DEB2, #00C382, #AF7C4D, #124341)
• Muted Taupe color palette (#EEF8F1, #B4E1C8, #AEB26B, #759B80, #31493C)
• Pale Moss Dune color palette (#D6F3E6, #AECF64, #62AE00, #7C8200, #273300)
• Mustard Lantern color palette (#E4E0CC, #D1BF00, #A8AC00, #748000, #394B04)
• Tempered Celadon color palette (#FFF5DB, #BAEB88, #49A773, #8C5969, #23350F)
• Lime Grove color palette (#C0F9EF, #63D248, #00C1D2, #D18B00, #1D3817)
• Worn Atelier color palette (#E3FCEE, #A7C78B, #00A061, #955066, #16433B)
• Pale Moss Lantern color palette (#DBF3E5, #999F2A, #637B00, #615700, #101100)

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