Soft Harbor color palette — #F1D7D4 · #FF8F57 · #C17A00 · #8B6600 · #3D3A00

A conversation between Apricot and Mustard, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F1D7D4): A whisper-light, dusty orange — the color of toasted spice.
• Apricot (#FF8F57): A luminous, balanced orange — the color of toasted spice.
• Mustard (#C17A00): A luminous, balanced gold — the color of old brass.
• Ochre (#8B6600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#3D3A00): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Weathered Ember color palette (#FEEAEC, #FF8A82, #DC6500, #945C00, #3D2E00)
• Softworn Balcony color palette (#FFE6D6, #FD962C, #B26D00, #694500, #2E1F00)
• Hushed Field color palette (#FFE1CC, #D89F00, #A48B00, #677300, #1B3700)
• Soft Rust color palette (#F9D8B2, #CFB668, #CB8200, #B84A00, #292C00)
• Wandering Taupe Delta color palette (#FFEDE3, #F5C9A7, #DBAB69, #A4913F, #525048)
• Softworn Periwinkle color palette (#F7E1C5, #FEBB4E, #53AEFF, #9B6A00, #002F54)
• Softworn Lantern color palette (#F6E8E1, #AC6900, #6E5700, #444000, #060A00)
• Airy Honey color palette (#FFEAB3, #EEC41B, #BA9700, #8C6900, #211600)

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