Coral Harbor color palette — #FFF0FC · #FF7565 · #00A5B2 · #00757F · #320D0A

Salmon and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Salmon (#FF7565): A luminous, vivid orange — the color of autumn markets.
• Cerulean (#00A5B2): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00757F): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#320D0A): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Balance. Tagged warm.

Use it as a design system

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

• Hushed Tangerine color palette (#FFF0F9, #FE6914, #1F94CB, #18678D, #230C1B)
• Dusty Apricot Pier color palette (#FFF0FA, #FF8767, #00918E, #4C4197, #200F55)
• Softworn Apricot Basin color palette (#FFF1F7, #FE9436, #7F9CE0, #5A71A6, #2F1F26)
• Ember Grove color palette (#FFF0FA, #F14000, #0083A1, #00566B, #14000F)
• Wandering Fuchsia color palette (#F7F3FF, #FF57DA, #00A7A6, #007676, #20152D)
• Lime Station color palette (#FFF2EB, #FF9065, #97B51B, #00A263, #471D0D)
• Quiet Fuchsia color palette (#F7F2FF, #FF83DA, #009B60, #007B4B, #2E0C25)
• Aged Moss color palette (#DEFFE3, #FFA487, #848F00, #39529F, #3B2100)

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