Clover Loft color palette — #EDF1DB · #13CE4F · #AB8EE0 · #B06A7E · #252913
Clover and Wisteria set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#EDF1DB): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#13CE4F): A luminous, vivid green — the color of a quiet forest floor.
- Wisteria (#AB8EE0): A luminous, balanced violet — the color of wild irises.
- Mocha (#B06A7E): A luminous, balanced red — the color of late-summer berries.
- Onyx (#252913): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Clover Loft 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
- Tempered Mint color palette (#F0F9E7, #00D9A8, #C999D4, #B77E80, #31342E)
- Wandering Lime color palette (#F3EFDB, #AAB700, #829AF0, #A06DA4, #2D2608)
- Worn Study color palette (#EDF2D8, #00AD3C, #A368A2, #7D4C7C, #25290D)
- Iris Study color palette (#E7F7E4, #00CCC3, #8288E6, #A35463, #332B00)
- Airy Teal Atelier color palette (#DFF6DF, #00C4C5, #D283AA, #B56E48, #1B2B1C)
- Hushed Byzantium color palette (#E1EBCD, #30B97A, #854DAD, #A3335A, #001207)
- Peony Field color palette (#B4F3EF, #00BBB5, #E55AB4, #CE4500, #002524)
- Gentle Mint Loft color palette (#F3F7E9, #6AE89A, #1EAFEF, #57AA75, #041E15)
Browse the whole catalog at Explore, or see today's palette.