Clover Harbor color palette — #E2ECFF · #2DB71A · #4F84FF · #0D1C3F · #0F020E

Clover takes the lead with Periwinkle close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#E2ECFF): A whisper-light, dusty violet — the color of wild irises.
• Clover (#2DB71A): A luminous, vivid green — the color of a quiet forest floor.
• Periwinkle (#4F84FF): A luminous, vivid violet — the color of wild irises.
• Midnight (#0D1C3F): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#0F020E): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns 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

• Airy Indigo Veranda color palette (#E8E3C4, #00C099, #755BE8, #1C173B, #0B0308)
• Pale Byzantium Balcony color palette (#E1F1DC, #12C49C, #AB0EE3, #260E31, #0B0103)
• Peony Chapel color palette (#DDF0F9, #00AFA9, #F9048E, #2C0617, #0C0101)
• Tempered Mulberry color palette (#F4DEE0, #5FA564, #6F1E5F, #310529, #090001)
• Softworn Mint color palette (#DBE7FF, #58EB99, #B5B5FF, #4F3946, #30282D)
• Linen Magenta color palette (#C5ECE7, #00C3B9, #EB02DD, #1B0108, #020007)
• Powdered Byzantium Study color palette (#CEE6D8, #149CF5, #A600BE, #1D0023, #060001)
• Ancient Plum Dune color palette (#D8DCFC, #0085B5, #C60077, #1F0102, #070000)

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