Clover Loft color palette — #E7FAF8 · #3BC275 · #0099CC · #5D71C8 · #201A32
Clover and Cornflower Indigo set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E7FAF8): A whisper-light, dusty teal — the color of shallow lagoons.
- Clover (#3BC275): A luminous, vivid teal — the color of glacier melt.
- Cerulean (#0099CC): A luminous, balanced blue — the color of open sky before noon.
- Cornflower Indigo (#5D71C8): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Indigo (#201A32): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, 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
- Chalky Azure color palette (#E4FAFB, #5ED0A3, #05A0EF, #7476B4, #2A2635)
- Wandering Mint color palette (#E4F6F4, #76C880, #00A8A7, #0077B2, #2A2252)
- Airy Atelier color palette (#E7FBF2, #CA8EFB, #00A099, #0078A3, #162038)
- Byzantium Harbor color palette (#D1F6FF, #00B4AF, #557EFF, #983EC9, #2B0515)
- Moss Corridor color palette (#DDF5E9, #B8C366, #67AC45, #008392, #10382E)
- Ultramarine Study color palette (#DBEFEF, #009A63, #0075A0, #3C42C1, #140016)
- Washed Pier color palette (#EAF8FC, #5DCDD4, #95A4F4, #9D7AAA, #3A2F3C)
- Feathered Sapphire Bloom color palette (#FFF3E6, #CE8C10, #4D5DC1, #3C498E, #190607)
Browse the whole catalog at Explore, or see today's palette.