Softworn Harbor color palette — #FFF2EA · #DC9979 · #67A8AB · #36888C · #5F2E00

Camel takes the lead with Cocoa close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Camel (#DC9979): A luminous, balanced orange — the color of sun-warmed clay.
• Blue Fog (#67A8AB): A luminous, dusty teal — the color of glacier melt.
• Cerulean (#36888C): A full-bodied, dusty teal — the color of shallow lagoons.
• Cocoa (#5F2E00): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Muted Delta color palette (#FFF1F2, #D195BC, #71A995, #528775, #4D3637)
• Mustard Ridge color palette (#FCF4E5, #C1A95E, #7AA0C4, #587EA3, #403D36)
• Weathered Cocoa Atelier color palette (#FFF3E5, #ECAD95, #8E986A, #656B94, #653E00)
• Worn Denim Bloom color palette (#FBF2F8, #BF7C6D, #4A8C84, #226494, #473843)
• Hushed Apricot Boulevard color palette (#FEF3EB, #E39E80, #4C99AA, #676193, #413D61)
• Softworn Amber color palette (#FFF3E4, #C68700, #0097AC, #007384, #3C2600)
• Muted Aqua Lantern color palette (#FFF2EC, #F7AD9D, #56CDBF, #6CA1C3, #433B38)
• Abyss Archive color palette (#FFF2EE, #F5C6AD, #B39D6D, #637742, #005739)

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