Clover Field color palette — #F2F4E0 · #54C176 · #007F54 · #1D574C · #022810
Jade takes the lead with Teal close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F2F4E0): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#54C176): A luminous, balanced teal — the color of glacier melt.
- Teal (#007F54): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#1D574C): A full-bodied, dusty teal — the color of glacier melt.
- Deep Forest (#022810): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, 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
- Tempered Olive Market color palette (#F8F2DF, #A3B05A, #567800, #005950, #1F2300)
- Emerald Canyon color palette (#E5E8C9, #19B154, #006D45, #004654, #001C07)
- Weathered Celadon Veranda color palette (#FBF5DF, #AAED9E, #3CA783, #347583, #2E2F28)
- Spruce Orchard color palette (#F0F4E6, #BBCAA2, #59907D, #52675D, #293700)
- Dusty Cerulean Delta color palette (#F1F3E6, #7FE0F6, #0091B2, #006165, #002939)
- Softworn Olive color palette (#E6E0D2, #758019, #374C00, #00322B, #070900)
- Inked Forest color palette (#E9F4D6, #006850, #00322B, #001624, #010200)
- Hushed Delta color palette (#E4E0FF, #8A5AFF, #D10976, #006C89, #191132)
Browse the whole catalog at Explore, or see today's palette.