Softworn Harbor color palette — #F4D4E1 · #BD7F00 · #874900 · #682200 · #342700

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

The five colors

• Shell Pink (#F4D4E1): A whisper-light, dusty rose — the color of strawberry cream.
• Mustard (#BD7F00): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#874900): A full-bodied, balanced gold — the color of old brass.
• Rust (#682200): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#342700): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, 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

• Misty Amber Chapel color palette (#CCE6CF, #A38D17, #765500, #593100, #2A2C00)
• Wandering Terracotta color palette (#F5E1ED, #BC8B62, #9D4618, #69302B, #223622)
• Dusty Lantern color palette (#FEE4D2, #B28500, #8A4600, #61181C, #121400)
• Hushed Cocoa color palette (#F1D9E3, #966C37, #6B3500, #4A1100, #001C09)
• Quiet Bronze color palette (#FED5B3, #E8AA60, #CD8033, #AF5300, #382500)
• Marigold Meadow color palette (#FAD6B9, #CF9B06, #B45D00, #853537, #292C00)
• Bronze Veranda color palette (#FFF1F5, #8FB194, #946838, #71452D, #2D4336)
• Muted Meadow color palette (#E4F5E5, #7C6500, #4C3300, #2D1500, #0D0C00)

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