Clover Pier color palette — #B8FFB8 · #13D337 · #219314 · #0C5409 · #022202
Clover and Kelly Green set the tone — five colors that lean into nature and growth.
The five colors
- Mint (#B8FFB8): A whisper-light, balanced green — the color of a quiet forest floor.
- Clover (#13D337): A luminous, vivid green — the color of a quiet forest floor.
- Kelly Green (#219314): A full-bodied, vivid green — the color of a quiet forest floor.
- Deep Olive (#0C5409): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#022202): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Energy. Tagged monochrome, 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
- Lime Boulevard color palette (#D4F59B, #8DC600, #5C8700, #3C5100, #142100)
- Timeworn Mint color palette (#9BFFCE, #00CF94, #009565, #005A3D, #002416)
- Clover Bloom color palette (#B9FCAD, #42B649, #006B23, #053905, #021E01)
- Emerald Alley color palette (#E0FFE0, #8CED7F, #2FA001, #054A0A, #010E00)
- Clover Station color palette (#C2FCC3, #82DF7A, #00B940, #0D841C, #002504)
- Feathered Studio color palette (#E0FFE0, #69F7B1, #00DCBD, #64962C, #0A4422)
- Aged Orchard color palette (#DDEBC7, #ACB500, #006C47, #003822, #0B1200)
- Pale Mustard color palette (#FFEB93, #D3B400, #907B00, #534700, #1D1800)
Browse the whole catalog at Explore, or see today's palette.