Clover Pier color palette — #EBF2FF · #7FBC4E · #30409D · #121B48 · #020619
Built around Clover, softened by Indigo — the whole palette hums with nature and growth.
The five colors
- Ivory (#EBF2FF): bright and airy, almost weightless.
- Clover (#7FBC4E): A luminous, balanced green — the color of new leaves after rain.
- Indigo (#30409D): A full-bodied, balanced violet — the color of wild irises.
- Deep Indigo (#121B48): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#020619): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Calm, Balance. Tagged luxury, dark, cool.
Use it as a design system
One click turns Clover Pier 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
- Ancient Ridge color palette (#E2E8FD, #50B68A, #443A7E, #1B1638, #030410)
- Tempered Marigold color palette (#EBF2FF, #E79200, #2C4398, #121D43, #020717)
- Sunlit Lapis Pier color palette (#FFF0F9, #AAC774, #6257BC, #373168, #27131F)
- Moss Archive color palette (#EBE6FA, #60AC00, #660669, #29002B, #04010D)
- Pewter Quarry color palette (#F4EFFA, #B0CE9D, #804F6A, #372B41, #16111B)
- Wandering Indigo Ridge color palette (#FFF0F8, #FFD26F, #6D57B8, #2F274E, #11020A)
- Lowlit Aubergine color palette (#DADFF9, #008E65, #320A66, #0B0021, #010008)
- Hazy Aubergine Lantern color palette (#F3F4FF, #DF8482, #50377D, #2E1354, #16182E)
Browse the whole catalog at Explore, or see today's palette.