Softworn Harbor color palette — #FFF1F6 · #F0D4C9 · #E3C687 · #9BA868 · #3A503E

Sage takes the lead with Honey close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Bone (#F0D4C9): A whisper-light, dusty orange — the color of toasted spice.
• Honey (#E3C687): A whisper-light, balanced gold — the color of old brass.
• Sage (#9BA868): A luminous, balanced green — the color of fresh herbs.
• Deep Olive (#3A503E): A full-bodied, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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

• Teal Veranda color palette (#EAFAF1, #D4D8CA, #D9CC88, #53A78F, #264F47)
• Antique Taupe Atelier color palette (#FEF0FC, #E7D4D7, #F0C094, #BE9C64, #583A4A)
• Timeworn Driftwood color palette (#FFF0F6, #CBA576, #95813B, #666A2F, #2A574E)
• Bronze Corridor color palette (#EAFAF0, #BEB078, #9B90C4, #827229, #454A6B)
• Tempered Stone color palette (#FFF0FB, #B2C9B1, #7F948E, #666A7B, #594E66)
• Faded Moss color palette (#E7FBF0, #FFA374, #AEA500, #008660, #313709)
• Weathered Frost color palette (#FFF3E7, #97FAEB, #EBD7D0, #ADD3B5, #5B3C00)
• Hushed Emerald Station color palette (#E5FDE2, #FFC0AF, #DBA100, #1F9D30, #3A3300)

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