Worn Harbor color palette — #FFF2EF · #A3B879 · #7A3948 · #45231C · #24190F

A conversation between Oxblood and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Sage (#A3B879): A luminous, balanced green — the color of new leaves after rain.
• Oxblood (#7A3948): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#45231C): A deep, shadowed, dusty orange — the color of toasted spice.
• Onyx (#24190F): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Worn 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

• Softworn Lagoon color palette (#FFF3E6, #C6AD5C, #704714, #322D28, #1E1D13)
• Softworn Cocoa color palette (#FFF2EC, #E5BB94, #9D5E52, #6A2F0D, #2C1E17)
• Hushed Dune color palette (#F9F3F9, #B2E2CB, #BE8284, #885153, #271E27)
• Olive Meadow color palette (#FFF2EE, #EC9195, #4F7E2C, #963F47, #252513)
• Moss Meadow color palette (#FFDCCB, #9D9700, #6F1100, #380400, #120900)
• Muted Amber color palette (#E9DCC4, #B38300, #423400, #1D1500, #050600)
• Muted Amber Veranda color palette (#FFF3E3, #DD7848, #62722C, #3F4C73, #413C36)
• Velvet Chestnut color palette (#FFE6CE, #705D00, #212E2D, #220F00, #050200)

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