Softworn Harbor color palette — #FFF2EB · #7FB59C · #3E8197 · #824637 · #3C4D37

Coffee and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sage (#7FB59C): A luminous, dusty teal — the color of sea glass.
• Slate (#3E8197): A full-bodied, dusty blue — the color of deep harbor water.
• Coffee (#824637): A full-bodied, balanced orange — the color of autumn markets.
• Deep Olive (#3C4D37): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Chestnut Market color palette (#FBF4E7, #78B3BC, #64769F, #69581E, #354E43)
• Ancient Fern color palette (#FFF2EA, #B1A87D, #348874, #774863, #4A4C00)
• Garnet Terrace color palette (#F0F8EF, #52A8A4, #866286, #7A3D53, #563D16)
• Bronze Summit color palette (#F2F9E1, #BFCEC1, #749B90, #925E2B, #524D00)
• Softworn Cypress color palette (#FAF4F0, #C9E8E9, #7F9BC0, #1B7E7F, #614A5A)
• Cerulean Courtyard color palette (#E0F8F3, #64BDB7, #248697, #4E4D73, #1C2F36)
• Denim Coast color palette (#FFF3E8, #00A294, #00669D, #673700, #003D44)
• Seafoam Station color palette (#FFF0FA, #7AE8CB, #81B6D3, #9D809F, #374B51)

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