Clover Pier color palette — #F0D5E6 · #FF8961 · #64BA00 · #DC4900 · #163100
Clover and Pumpkin set the tone — five colors that lean into nature and growth.
The five colors
- Shell Pink (#F0D5E6): A whisper-light, dusty pink — the color of peonies in June.
- Salmon (#FF8961): A luminous, balanced orange — the color of toasted spice.
- Clover (#64BA00): A luminous, vivid green — the color of a quiet forest floor.
- Pumpkin (#DC4900): A luminous, vivid orange — the color of toasted spice.
- Deep Forest (#163100): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Energy. Tagged vibrant.
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
- Clover Harbor color palette (#FFE7F3, #FFA671, #4FCE61, #DB6E1E, #16401B)
- Emerald Veranda color palette (#FAE1EE, #ED7622, #00AB47, #B05100, #002208)
- Misty Crimson Alley color palette (#EBD6EE, #FF8297, #A9A700, #DF3A64, #2B2B00)
- Soft Tangerine Orchard color palette (#FEDCEE, #F97000, #959E00, #C45AA2, #371300)
- Gentle Marigold Market color palette (#D1E4D3, #DFA230, #00BB9B, #AB7700, #003127)
- Brick Atelier color palette (#F1D4E9, #EB6C52, #009A98, #B22909, #00302F)
- Feathered Courtyard color palette (#FFF1F5, #F8C080, #3FDBA8, #CE9042, #134B4E)
- Misty Mint Corridor color palette (#D8E9EB, #00D084, #CDA100, #2B4E36, #07180D)
Browse the whole catalog at Explore, or see today's palette.