Clover Loft color palette — #FDD7E4 · #BCB7FF · #00D772 · #3E4039 · #1B2009

A conversation between Clover and Lavender, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FDD7E4): A whisper-light, dusty rose — the color of a warm blush.
• Lavender (#BCB7FF): A luminous, balanced violet — the color of a velvet chair.
• Clover (#00D772): A luminous, vivid teal — the color of sea glass.
• Charcoal (#3E4039): a grounded near-black with real depth.
• Onyx (#1B2009): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, 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

• Softworn Lime Orchard color palette (#FFDEE1, #A2C1FF, #A7C300, #3A4314, #211E10)
• Pale Drift color palette (#E8E2C6, #51C9FE, #00C49A, #003A3E, #002528)
• Gentle Teal Bloom color palette (#FFCDFB, #FFCF86, #00C4AD, #35442E, #292F27)
• Mint Veranda color palette (#EEE9CD, #52D8FF, #00DEA9, #215D49, #1E2713)
• Chartreuse Hollow color palette (#FFEEED, #FAD1FF, #43F840, #1D3A1B, #00110F)
• Frosted Mustard Loft color palette (#F8E6FF, #D1B700, #00BA9D, #004136, #1E2719)
• Teal Atelier color palette (#F2E2E6, #F2A58C, #00B29F, #293823, #182214)
• Muted Emerald color palette (#F1EDFF, #FF9A62, #00A82E, #133515, #141609)

Browse the whole catalog at Explore, or see today's palette.