Hazy Clover Harbor color palette — #F0F5FF · #A6B6FF · #69C362 · #60A378 · #212B40

Clover and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lavender (#A6B6FF): A luminous, balanced violet — the color of twilight just after sunset.
• Clover (#69C362): A luminous, balanced green — the color of fresh herbs.
• Moss (#60A378): A luminous, balanced teal — the color of sea glass.
• Midnight (#212B40): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Hazy Clover Harbor 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 Mustard Field color palette (#F1F5FF, #ADB3FF, #AFB13F, #96982C, #212A42)
• Chalky Studio color palette (#F6F3FF, #EB9BDF, #57C38A, #3FA974, #2E263D)
• Airy Grove color palette (#FFF1F6, #CEAAFF, #E4A56C, #5DB7AA, #4A2E3A)
• Aged Moss Drift color palette (#F6F3FF, #DA99D1, #9FA54E, #207AAB, #272035)
• Washed Pier color palette (#F1F5FF, #EDDADD, #B2B7AD, #7BB6DB, #454459)
• Blush Station color palette (#FFF1F7, #FF78BF, #00B6AB, #009A91, #361426)
• Wisteria Terrace color palette (#F7F3FF, #B373FF, #00A17E, #008669, #1B0232)
• Tempered Taupe Field color palette (#E9FBEB, #BBE9D5, #BB9856, #8C5E47, #1C3733)

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