Clover Harbor color palette — #C7E5F9 · #1CD333 · #FF675F · #380F0E · #110510

Built around Clover, softened by Watermelon — the whole palette hums with nature and growth.

The five colors

• Frost (#C7E5F9): A whisper-light, dusty blue — the color of deep harbor water.
• Clover (#1CD333): A luminous, vivid green — the color of new leaves after rain.
• Watermelon (#FF675F): A luminous, vivid orange — the color of sun-warmed clay.
• Onyx (#380F0E): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#110510): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, 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

• Misty Tangerine Orchard color palette (#DEE1FF, #00C773, #F06C00, #2E1725, #0F070B)
• Blush Balcony color palette (#CCE4F1, #A5BD00, #FF6088, #2D1631, #100811)
• Softworn Mustard color palette (#FBD4FF, #FF9274, #BCB100, #5C2A1C, #2D1D14)
• Amber Orchard color palette (#E2E4FA, #00C9BD, #D68F00, #341F00, #041005)
• Soft Coral Archive color palette (#C8E6FF, #36E5F2, #EB675E, #462304, #291A14)
• Softworn Garnet color palette (#FFEBF9, #D29E00, #8D1800, #400901, #11020E)
• Patina Magenta color palette (#DBF6F3, #E0A300, #F230CC, #251835, #120E17)
• Ancient Celadon Meadow color palette (#EDF2FF, #84FFAF, #FEB1FA, #381C37, #161022)

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