Coral Harbor color palette — #FFE1D3 · #FF796C · #B87C00 · #5B7200 · #41003C

Built around Salmon, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFE1D3): A whisper-light, dusty orange — the color of toasted spice.
• Salmon (#FF796C): A luminous, vivid orange — the color of autumn markets.
• Mustard (#B87C00): A luminous, balanced gold — the color of old brass.
• Olive (#5B7200): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#41003C): A deep, shadowed, balanced pink — the color of neon signs at night.

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

• Chalky Corridor color palette (#FEE2CB, #F78615, #928F00, #007B51, #4A0013)
• Pale Terrace color palette (#FEF0FF, #FF5174, #776D00, #004949, #12003F)
• Faded Rose color palette (#FFDFE0, #FF5FD8, #F92935, #8D5B00, #1E1060)
• Wandering Harbor color palette (#F5E1DA, #FF9054, #E07500, #A65E00, #4D2E00)
• Misty Pier color palette (#EFE5D6, #B78700, #488E12, #860056, #240700)
• Mulberry Pier color palette (#FFE2C5, #EB9000, #879E16, #972B85, #4B0101)
• Hushed Apricot color palette (#F0DCD8, #FFA073, #BF9162, #698450, #144523)
• Rust Basin color palette (#F6DED0, #C14200, #675400, #4B166B, #060001)

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