Soft Harbor color palette — #ECF7FF · #5CAACF · #C67041 · #006F95 · #573749

A conversation between Coral Clay and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Cyan (#5CAACF): A luminous, balanced blue — the color of deep harbor water.
• Coral Clay (#C67041): A luminous, balanced orange — the color of toasted spice.
• Peacock (#006F95): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#573749): A deep, shadowed, dusty rose — the color of strawberry cream.

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

Use it as a design system

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

• Dusty Rose Delta color palette (#E6F9FF, #40B2B7, #D65C69, #007478, #613336)
• Muted Azure color palette (#E6F4FF, #2CB0F0, #C17856, #116C97, #391C2E)
• Feathered Amber color palette (#EFF6FF, #809FDB, #B47E00, #4263A7, #2F4A32)
• Linen Aqua Veranda color palette (#E5FCEF, #27CAF5, #D5945A, #328DA7, #593B1E)
• Raspberry Pier color palette (#EDF7FF, #2D92C9, #BD507B, #637100, #283A49)
• Powdered Cornflower Corridor color palette (#D2E7FF, #0884F0, #9B6200, #004E93, #422700)
• Aged Powder Quarry color palette (#EDF7FF, #DBD7EB, #C1B8F6, #4D8F9C, #3F4D5D)
• Bronze Studio color palette (#E8FBED, #AEAA76, #886F2A, #674C2A, #2B433B)

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