Clover Summit color palette — #D5E0FE · #12CD35 · #FE5934 · #3D0A01 · #20111C
A conversation between Clover and Pumpkin, giving this palette its sense of nature and growth.
The five colors
- Frost (#D5E0FE): A whisper-light, dusty violet — the color of wild irises.
- Clover (#12CD35): A luminous, vivid green — the color of a quiet forest floor.
- Pumpkin (#FE5934): A luminous, vivid orange — the color of autumn markets.
- Espresso (#3D0A01): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#20111C): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Energy, Balance. Tagged neon, dark, vibrant.
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
- Rose Market color palette (#D2E8F2, #99BB00, #F64663, #3E000D, #201120)
- Washed Archive color palette (#D7DFFE, #00DBA1, #EA9000, #442600, #301F25)
- Dusty Mustard color palette (#EFD8E9, #D0B600, #FF8855, #6D2F14, #2A1000)
- Aged Amber Studio color palette (#E4E4F5, #00C3C4, #D68200, #292200, #210D15)
- Dusty Ridge color palette (#D5E6FF, #9BE890, #FFA47B, #574344, #383135)
- Tempered Corridor color palette (#F2DEEA, #B88A00, #672100, #330C00, #1F0417)
- Peony Orchard color palette (#D7F2F0, #D0A400, #F32CB1, #3D0229, #1B1024)
- Rose Workshop color palette (#D1FAF4, #7EC6FF, #E8557D, #4B1524, #25100C)
Browse the whole catalog at Explore, or see today's palette.