Softworn Harbor color palette — #FFDFBB · #ABA988 · #227E84 · #6B4741 · #592F00

Built around Teal, softened by Cocoa — the whole palette hums with trust and stability.

The five colors

• Peach Cream (#FFDFBB): A whisper-light, dusty gold — the color of old brass.
• Sage (#ABA988): A luminous, dusty green — the color of new leaves after rain.
• Teal (#227E84): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Coffee (#6B4741): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#592F00): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Worn Lagoon color palette (#FFE6DC, #B39D78, #518468, #6F4259, #533837)
• Softworn Teal Coast color palette (#DEE1D0, #1DBA9E, #2776AE, #793E18, #622C06)
• Ancient Chestnut Coast color palette (#FFEFDB, #BBBBA0, #759078, #8D542A, #634A00)
• Mint Dune color palette (#EDEABF, #8ECDAB, #7F9E80, #875F6C, #5D3538)
• Ash Alley color palette (#D3F3EA, #79B1AF, #487B87, #4B4966, #2D213A)
• Lagoon Courtyard color palette (#E8DEC1, #5D8A58, #006772, #51242A, #381201)
• Aged Cobalt color palette (#CEEBD5, #5BA4B3, #5E64AE, #564C00, #293D18)
• Faded Drift color palette (#EAF2DC, #37B77C, #B92C4D, #006840, #55232A)

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