Clover Loft color palette — #E7F1E3 · #00C449 · #009D8D · #006382 · #000102
A conversation between Clover and Fern, giving this palette its sense of nature and growth.
The five colors
- Cream (#E7F1E3): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#00C449): A luminous, vivid green — the color of new leaves after rain.
- Fern (#009D8D): A luminous, balanced teal — the color of sea glass.
- Peacock (#006382): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Black (#000102): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged candy, vibrant, light.
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
- Aged Jade Delta color palette (#ACECF2, #00BE95, #00969F, #005385, #000102)
- Moss Cabin color palette (#DCE6BE, #95AD00, #00A15F, #006362, #000201)
- Sunlit Moss Bloom color palette (#D5E8D0, #7DB400, #00AB93, #0076CA, #000303)
- Lagoon Alley color palette (#CEF2FA, #008F75, #006F6A, #003E49, #000304)
- Aged Lagoon Chapel color palette (#ECF2D4, #009069, #00463F, #002305, #010100)
- Dusty Cerulean color palette (#C5EFE5, #3A93A4, #25506F, #38041F, #0C0000)
- Turquoise Parlor color palette (#F6EAD7, #4EB0D0, #005B85, #002B2C, #000104)
- Airy Nightshade color palette (#D3EBE2, #00B8C5, #008DC9, #3739B2, #000104)
Browse the whole catalog at Explore, or see today's palette.