Softworn Harbor color palette — #FFF2EF · #FFC4AB · #DD7500 · #805100 · #412D00

A conversation between Tangerine and Coffee, giving this palette its sense of optimism and balance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Wheat (#FFC4AB): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#DD7500): A luminous, vivid gold — the color of afternoon light on wheat.
• Coffee (#805100): A full-bodied, balanced gold — the color of old brass.
• Espresso (#412D00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Balance. Tagged warm.

Use it as a design system

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

• Washed Ember color palette (#FFF1F2, #FFBEB6, #FA5E37, #A64A00, #522B00)
• Airy Amber Terrace color palette (#FBE7D6, #CB8B00, #785D00, #383300, #0E1100)
• Pale Lagoon color palette (#FFF0E7, #FBAD5D, #B78300, #705700, #2C2A00)
• Frosted Coast color palette (#FFE0D4, #F68838, #A96400, #6C4900, #211800)
• Worn Bronze color palette (#EFE3C8, #9E8800, #565400, #222D00, #000200)
• Amber Hollow color palette (#E0FFDF, #C4DEF8, #BADCC6, #D27A4D, #49390A)
• Taupe Quarry color palette (#FFF3E3, #FADC94, #AEA043, #69722A, #1A4E41)
• Bronze Studio color palette (#FFF1F6, #FFB570, #67B6FF, #B36700, #003055)

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