Worn Harbor color palette — #EFF4E9 · #6FAB8F · #8C627E · #713938 · #3D1E12

Built around Cocoa, softened by Jade — the whole palette hums with warmth and comfort.

The five colors

• Cream (#EFF4E9): bright and airy, almost weightless.
• Jade (#6FAB8F): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#8C627E): A full-bodied, dusty pink — the color of a candy shop window.
• Cocoa (#713938): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#3D1E12): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Warmth, Comfort, Sophistication. Tagged muted, warm.

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

• Ancient Pewter Archive color palette (#F1F3E9, #7CA986, #836393, #524E1E, #2C2800)
• Aged Mulberry color palette (#F1F7EF, #67A69B, #5D6EA2, #7A3C54, #523F18)
• Weathered Taupe color palette (#F8F1E7, #B99659, #46779A, #6F3A40, #3E1C13)
• Antique Terracotta color palette (#E6F7EA, #309EAC, #98484F, #424500, #1F2000)
• Pewter Thicket color palette (#ECF7FE, #84BAD2, #9C7FAF, #7B5890, #4C4215)
• Washed Ash color palette (#E7F9FC, #95DCCF, #8F95C9, #90595D, #3A3B0E)
• Washed Canyon color palette (#F7F0EB, #C6E6E5, #819FC3, #5D7351, #432F3B)
• Wandering Cerulean color palette (#DFF0D0, #74BDC4, #4597AD, #345C86, #472C3F)

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