Worn Coral Harbor color palette — #E3FFD7 · #E1A4FF · #FB6652 · #008A98 · #4B283E

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

The five colors

• Custard (#E3FFD7): A whisper-light, dusty green — the color of a quiet forest floor.
• Lavender (#E1A4FF): A luminous, balanced violet — the color of wild irises.
• Watermelon (#FB6652): A luminous, vivid orange — the color of autumn markets.
• Cerulean (#008A98): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#4B283E): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged retro.

Use it as a design system

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

• Ancient Mallow color palette (#D0F9EC, #FF8DD4, #CA854C, #377F95, #3C283F)
• Antique Drift color palette (#DBFFED, #B4B9FF, #F263A0, #008E79, #3F2C4D)
• Wandering Meadow color palette (#B7EBDE, #F06EED, #D95C13, #007286, #2E1B37)
• Amber Pier color palette (#FEF7C6, #FFA1B1, #C59500, #377FBD, #542719)
• Aged Peony Dune color palette (#FFF4E2, #FF68BC, #C75346, #006D44, #502922)
• Antique Ember color palette (#FFF1F6, #FF9FB0, #DB5241, #645900, #45161B)
• Hazy Moss color palette (#F5F3FF, #F69BFF, #64A200, #008496, #003740)
• Washed Taupe color palette (#F5E0FF, #FFB9C3, #CAA76D, #488FA6, #005367)

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