Soft Harbor color palette — #FFDBDD · #F69D95 · #EE7246 · #BE5E00 · #563000

Coral Clay takes the lead with Ochre close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#FFDBDD): A whisper-light, dusty red — the color of embers at dusk.
• Melon (#F69D95): A luminous, balanced orange — the color of autumn markets.
• Coral Clay (#EE7246): A luminous, vivid orange — the color of toasted spice.
• Ochre (#BE5E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#563000): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, 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

• Amber Meadow color palette (#FFE0D8, #F9B38F, #EA9956, #B67A00, #57410D)
• Ancient Delta color palette (#FFF0F5, #FFB2B6, #ED5B29, #894B00, #3E2C00)
• Hushed Rust Quarry color palette (#EDD9DA, #EE6D61, #B63F11, #693300, #2D1600)
• Hushed Crimson color palette (#F3D4E8, #EE9AB8, #F16F8A, #C64753, #60251C)
• Tempered Rust Lantern color palette (#F8E3D6, #DDBA9A, #D08A6B, #AE6059, #342F2A)
• Washed Ember Hollow color palette (#FFEADC, #F5AA87, #37CEF4, #D85B00, #003C4A)
• Coral Corridor color palette (#FFF3E8, #E3E5B1, #AAD49D, #DD857A, #49433E)
• Airy Amber color palette (#EFDDD3, #C46D00, #946200, #624800, #1C1600)

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