Worn Harbor color palette — #ECE2D9 · #948C7E · #786C20 · #402100 · #030100

Built around Olive, softened by Espresso — the whole palette hums with nature and growth.

The five colors

• Parchment (#ECE2D9): a clean, paper-quiet neutral.
• Gray (#948C7E): A luminous, dusty gold — the color of honey in a jar.
• Olive (#786C20): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#402100): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.

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

• Dusty Grove color palette (#DFDFD3, #9DA292, #4A8982, #283E00, #050400)
• Softworn Basalt Coast color palette (#EAF2E9, #B2BFB3, #7B9B86, #543400, #000200)
• Ancient Chestnut color palette (#EDE8E2, #D0CCB9, #A3A787, #6D5000, #1D1407)
• Misty Rust color palette (#F3E8D7, #D13D00, #785A00, #00431F, #010100)
• Smoked Onyx Meadow color palette (#FDEAE0, #685723, #103F16, #22013A, #0B0007)
• Tempered Fern color palette (#F2F3E5, #CED8C4, #76B9BB, #1F6E00, #1A1B08)
• Twilit Ridge color palette (#E5E1D0, #296824, #003224, #2D000B, #000200)
• Antique Olive Harbor color palette (#F3F2EB, #D2DCD2, #ABC6B9, #717B3F, #2D2C26)

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