Worn Harbor color palette — #F5ECE2 · #AF7434 · #3E3B34 · #261C12 · #100B08

Ochre and Onyx set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F5ECE2): a clean, paper-quiet neutral.
• Ochre (#AF7434): A luminous, balanced gold — the color of old brass.
• Charcoal (#3E3B34): a grounded near-black with real depth.
• Onyx (#261C12): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#100B08): quiet, heavy and certain.

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

• Timeworn Rust color palette (#FBE9E4, #BC656A, #5A2F00, #291A16, #110A0A)
• Weathered Canyon color palette (#F0EEE2, #838A26, #384100, #221E0F, #0F0C07)
• Hushed Amber color palette (#FEEDF2, #D88618, #475E52, #403438, #261F24)
• Iris Coast color palette (#FBF1DC, #B09B4D, #6D89DA, #8F6896, #2F2613)
• Olive Veranda color palette (#E5DFC9, #6A6900, #0D2D11, #110C00, #040200)
• Weathered Driftwood color palette (#F7F1E7, #CBC4A2, #698F62, #785858, #33312A)
• Tempered Amber color palette (#FFECDC, #D9AF77, #A48716, #606429, #373831)
• Iris Corridor color palette (#F6F2E5, #BDB675, #9195D8, #7C7329, #422738)

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