Sunlit Clover Harbor color palette — #E8EFFD · #00D465 · #FF716D · #501A19 · #1D0A1B

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

The five colors

• Frost (#E8EFFD): A whisper-light, dusty violet — the color of wild irises.
• Clover (#00D465): A luminous, vivid teal — the color of shallow lagoons.
• Watermelon (#FF716D): A luminous, vivid orange — the color of autumn markets.
• Espresso (#501A19): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#1D0A1B): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Warmth, Comfort, Energy, Balance. Tagged neon, dark, vibrant, warm.

Use it as a design system

One click turns Sunlit 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 Lime color palette (#D0E2E9, #8FC600, #EF5B85, #561328, #1F0F23)
• Tangerine Station color palette (#E7EAF8, #00CEA9, #F38211, #4E2500, #2C0D1E)
• Frosted Chartreuse color palette (#CFEAF5, #00F282, #FF9B94, #440006, #080100)
• Hazy Rose Delta color palette (#C1E7F1, #00C2CA, #F6446C, #3B0010, #1C081F)
• Antique Marigold Atelier color palette (#E9E1F7, #00CACA, #DF9200, #3B2300, #031903)
• Ancient Seafoam color palette (#D0E8FF, #78F5B1, #FFB6A3, #564451, #362B33)
• Aged Blush color palette (#E7EDFF, #00CBEE, #FF78B9, #6F3A53, #1E0E0E)
• Aged Terracotta color palette (#F3DDEE, #D6A200, #A71B08, #5B0600, #240301)

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