Clover Pier color palette — #F2F9E2 · #00BC67 · #0096CB · #485E92 · #131802
A conversation between Clover and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Cream (#F2F9E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#00BC67): A luminous, vivid teal — the color of glacier melt.
- Cerulean (#0096CB): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#485E92): A full-bodied, balanced violet — the color of wild irises.
- Ink (#131802): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged 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
- Chalky Market color palette (#F3F8E6, #00A45D, #0080AA, #6B4600, #0B0800)
- Hushed Delta color palette (#F7F8D6, #00D3BF, #008F9B, #454C7F, #11280F)
- Hazy Pier color palette (#ECFAE4, #00B79D, #588AD4, #705F00, #0E1907)
- Quiet Boulevard color palette (#F9F7DC, #81B000, #009CAA, #884F35, #181600)
- Quiet Seafoam Corridor color palette (#D7FFF6, #11ECE6, #00A7B1, #006371, #002833)
- Ancient Mint Corridor color palette (#F1F8E7, #33D095, #6DA3D7, #876E40, #212718)
- Hazy Workshop color palette (#D4FFFD, #00A7A3, #5967FF, #575900, #00100F)
- Weathered Garnet color palette (#EAF2E2, #008463, #006896, #800042, #1F2B11)
Browse the whole catalog at Explore, or see today's palette.