Clover Summit color palette — #F6F7E2 · #7AB949 · #8672B9 · #89474A · #542A2C

A conversation between Clover and Slate Blue, giving this palette its sense of nature and growth.

The five colors

• Cream (#F6F7E2): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#7AB949): A luminous, balanced green — the color of new leaves after rain.
• Slate Blue (#8672B9): A full-bodied, balanced violet — the color of wild irises.
• Coffee (#89474A): A full-bodied, balanced red — the color of a theater curtain.
• Espresso (#542A2C): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Clover Summit 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

• Airy Garden color palette (#FBF5E5, #BCA516, #5E80BC, #844666, #51283E)
• Mint Station color palette (#F3F7E9, #7DC495, #A17BB2, #84613E, #47413C)
• Pale Teal color palette (#ECFAE9, #00BDB2, #B16773, #834C47, #512E16)
• Hazy Lantern color palette (#E9FAF2, #BFC16E, #4594B8, #933361, #2D2D00)
• Bronze Thicket color palette (#F7F9CD, #B8D3AC, #AC90AF, #A7654A, #804128)
• Plum Drift color palette (#E5F8E5, #00ABAA, #B24571, #515500, #2C2E00)
• Washed Turquoise Studio color palette (#FEF2ED, #CBEFD4, #72ADD2, #51886D, #563F53)
• Hazy Plum Corridor color palette (#DCF0C8, #00A480, #B40090, #8A0015, #4B0007)

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