Soft Harbor color palette — #FFF0FB · #F0826B · #AF961D · #1166B4 · #281224

A conversation between Cobalt and Salmon, giving this palette its sense of nature and growth.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Salmon (#F0826B): A luminous, balanced orange — the color of autumn markets.
• Mustard (#AF961D): A luminous, balanced green — the color of a quiet forest floor.
• Cobalt (#1166B4): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#281224): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

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

• Sapphire Hollow color palette (#F9F2FF, #E886B8, #A2A214, #2168BB, #241A2B)
• Aged Cabin color palette (#DBF6E5, #FF95B1, #C48B00, #4276B5, #3F273A)
• Apricot Veranda color palette (#FFF1F6, #ED9A4A, #82AA4C, #5F7DC2, #39232D)
• Gentle Market color palette (#FFF0FC, #F97A6B, #00A955, #7367BC, #2A1827)
• Chalky Blush color palette (#F9F2FF, #EE72B7, #DA7200, #007F80, #271A31)
• Patina Moss Drift color palette (#EBF9F0, #CAAC00, #73B240, #6A58B9, #0A2113)
• Grape Corridor color palette (#FFEEF3, #DD8C00, #16AD5F, #750FDD, #271400)
• Mulberry Harbor color palette (#DCEFE2, #BD9800, #0097B4, #A22E67, #001708)

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