Clover Loft color palette — #E9F1E2 · #00BE53 · #009278 · #005E63 · #003948
A conversation between Clover and Fern, giving this palette its sense of nature and growth.
The five colors
- Cream (#E9F1E2): A whisper-light, dusty green — the color of new leaves after rain.
- Clover (#00BE53): A luminous, vivid green — the color of new leaves after rain.
- Fern (#009278): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#005E63): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Teal (#003948): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Energy. Tagged cool.
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
- Frosted Teal Garden color palette (#D5EAD6, #00BA9B, #009089, #005F70, #00385E)
- Mint Delta color palette (#D4FFC6, #0BDC75, #009C82, #005E5A, #00272D)
- Weathered Emerald color palette (#E9E3D2, #96A800, #2B9000, #006955, #003F3E)
- Aged Veranda color palette (#D6FFF6, #80D9AE, #42B2A2, #44818F, #3A5064)
- Gentle Aqua Meadow color palette (#ABFFF9, #00CCCB, #009090, #005151, #002322)
- Moss Lantern color palette (#D3FFF0, #8AE5FF, #ACB4FF, #70920E, #00424A)
- Soft Veranda color palette (#C6E8DE, #00BEBE, #0080A7, #005097, #202B74)
- Clover Cabin color palette (#E4E2A8, #75BB42, #827B00, #724800, #003220)
Browse the whole catalog at Explore, or see today's palette.