Softworn Harbor color palette — #F8E0E9 · #9E691D · #663800 · #421C00 · #201300

Ochre and Bronze set the tone — five colors that lean into optimism and sophistication.

The five colors

• Rose Water (#F8E0E9): A whisper-light, dusty rose — the color of strawberry cream.
• Ochre (#9E691D): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#663800): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#421C00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#201300): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Tempered Bronze color palette (#D0EFDA, #81782A, #534400, #352500, #171800)
• Antique Bronze color palette (#F2DECB, #C69456, #B36700, #884612, #201300)
• Muted Chestnut color palette (#F9DCE5, #A18251, #784A00, #542B00, #0C2B16)
• Twilit Pier color palette (#F8E6EF, #86460A, #4A1C00, #250500, #070200)
• Patina Bronze Harbor color palette (#F8E8EE, #AD6000, #394A1A, #4C2700, #050300)
• Airy Terracotta color palette (#F2E4ED, #902700, #3E4900, #400054, #1F0300)
• Weathered Cocoa Cabin color palette (#EBFAEB, #93B097, #8A6C45, #6D4825, #2F4335)
• Scarlet Cabin color palette (#F2D8F5, #A49400, #E13C00, #211000, #12030E)

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