Clover Study color palette — #ECF3E0 · #3FBE00 · #00875A · #004F42 · #003034
Clover and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#ECF3E0): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#3FBE00): A luminous, vivid green — the color of fresh herbs.
- Fern (#00875A): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004F42): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Forest (#003034): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Calm, Energy, Balance. Tagged vibrant, cool.
Use it as a design system
One click turns Clover Study 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
- Olive Veranda color palette (#EDEED4, #82A500, #1D8812, #005839, #002E27)
- Jade Courtyard color palette (#DEEADA, #00BD86, #007B67, #004C4F, #002D38)
- Patina Chartreuse color palette (#E0FFE0, #00ED79, #00BB75, #007959, #003F33)
- Wandering Cabin color palette (#E8F3E0, #00A460, #00654D, #003D3C, #00191E)
- Dusty Field color palette (#C6FFF8, #00C9AF, #007F6C, #004038, #00120E)
- Olive Quarry color palette (#CDFFE9, #7EF2FC, #8CC5FF, #5B8741, #003630)
- Pale Lime Grove color palette (#F0E4EF, #94B600, #00A866, #002412, #000D0D)
- Powdered Plum Corridor color palette (#CEFFE7, #2BC38F, #BD3C7C, #006C4C, #3D0823)
Browse the whole catalog at Explore, or see today's palette.