Clover Meadow color palette — #F4F7E5 · #C4E699 · #5BD36C · #009B75 · #40423B
A conversation between Clover and Fern, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4F7E5): A whisper-light, dusty green — the color of a quiet forest floor.
- Celadon Mist (#C4E699): A whisper-light, balanced green — the color of new leaves after rain.
- Clover (#5BD36C): A luminous, vivid green — the color of fresh herbs.
- Fern (#009B75): A luminous, balanced teal — the color of glacier melt.
- Charcoal (#40423B): quiet, heavy and certain.
Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light.
Use it as a design system
One click turns Clover Meadow 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
- Mustard Study color palette (#F9F5E5, #F7DE73, #B9C149, #60983B, #393831)
- Pale Field color palette (#EFF9EB, #8BF4C1, #00DCC2, #009DA6, #30432B)
- Antique Teal color palette (#E0F0CA, #4DBB99, #008D79, #006B61, #385137)
- Clover Station color palette (#EBFCD8, #00D352, #00A97E, #00837B, #00352A)
- Feathered Basin color palette (#E0FCF9, #FFDB7D, #9BE29D, #5AB3C0, #224849)
- Pale Sunflower color palette (#F3F4DE, #F6D164, #92D08A, #33A5B5, #1F2909)
- Gentle Station color palette (#E2E7D7, #5A9C00, #008548, #005145, #000E06)
- Antique Cerulean Delta color palette (#ECFBE4, #A2B8A3, #5A919E, #7B5970, #654443)
Browse the whole catalog at Explore, or see today's palette.