Coral Harbor color palette — #F5D6CA · #FB5955 · #0096AE · #AE2C2D · #002F38

Built around Scarlet, softened by Ruby — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#F5D6CA): A whisper-light, dusty orange — the color of autumn markets.
• Scarlet (#FB5955): A luminous, vivid orange — the color of autumn markets.
• Cerulean (#0096AE): A luminous, balanced blue — the color of deep harbor water.
• Ruby (#AE2C2D): A full-bodied, vivid orange — the color of autumn markets.
• Deep Forest (#002F38): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Energy, 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

• Tangerine Field color palette (#FFEADD, #F8824F, #00A8BD, #B15125, #003D46)
• Faded Brick color palette (#FFF0FC, #F78477, #00A3BD, #BB070F, #001C22)
• Weathered Peony Canyon color palette (#FDD3CD, #FA4B96, #009D7B, #A62E62, #003125)
• Ancient Amber Dune color palette (#F7DBC6, #CD6500, #0081A2, #813D00, #001E29)
• Garnet Ridge color palette (#FBD4C9, #C15864, #007692, #8B002B, #002E3B)
• Worn Apricot Archive color palette (#F6D8BC, #EE8F28, #007FB5, #915100, #002D43)
• Frosted Scarlet color palette (#FFE3DC, #EF3506, #008A98, #356696, #351503)
• Linen Coral color palette (#F3D7F1, #00C4BC, #FF616D, #3B1E14, #180E0B)

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