Softworn Harbor color palette — #FDDEED · #DBA066 · #A77254 · #7F4B40 · #223625

Camel and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Rose Water (#FDDEED): A whisper-light, dusty rose — the color of strawberry cream.
• Camel (#DBA066): A luminous, balanced gold — the color of afternoon light on wheat.
• Mocha (#A77254): A full-bodied, dusty gold — the color of honey in a jar.
• Coffee (#7F4B40): A full-bodied, dusty orange — the color of autumn markets.
• Deep Forest (#223625): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Wandering Stone color palette (#D6F0D9, #BFAE67, #997B42, #735336, #1A372C)
• Chestnut Field color palette (#FCDEEE, #B68E61, #8D5233, #653332, #1D3726)
• Amber Cabin color palette (#FFF2E9, #E7BE9F, #B87852, #82452E, #2F1D07)
• Faded Amber Terrace color palette (#F5D4E1, #BA7F00, #8D4E00, #64290D, #1D1500)
• Taupe Drift color palette (#E6FBF0, #A4D8C6, #A19E70, #647B6A, #394C48)
• Timeworn Drift color palette (#F4E7CE, #917D00, #6B4D00, #482800, #000F09)
• Hazy Boulevard color palette (#DBF4F6, #00A885, #A067AC, #8F4942, #082C2F)
• Dusty Hollow color palette (#DDF4F4, #D4AF5C, #007653, #0F3F2D, #001B1C)

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