Hazy Coral Harbor color palette — #FFF1F5 · #F77372 · #AF4500 · #3D4400 · #20081C

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

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Watermelon (#F77372): A luminous, vivid orange — the color of toasted spice.
• Terracotta (#AF4500): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#3D4400): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#20081C): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged retro, warm.

Use it as a design system

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

• Frosted Tangerine color palette (#E1FFDF, #FF7040, #9C5700, #2A4A00, #240900)
• Bronze Loft color palette (#EBFBE9, #FF9580, #BF6100, #425B00, #33152A)
• Patina Delta color palette (#FFF0F7, #F26BAF, #C60047, #523B00, #270311)
• Quiet Dune color palette (#DCF7DC, #E25700, #7A4700, #143400, #0A0200)
• Muted Marigold Courtyard color palette (#DEFFE6, #E59800, #877100, #00543C, #221600)
• Aged Plum Ridge color palette (#F0E3CE, #BF496E, #7F3000, #00352A, #220104)
• Lowlit Scarlet color palette (#F8DBF2, #D32D2C, #431200, #211412, #0A0009)
• Washed Bronze color palette (#CEE6D2, #A86400, #543F00, #002212, #020100)

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