Worn Harbor color palette — #F7EFF2 · #CBD6DA · #9B9DAA · #A07484 · #3D3336

Mocha and Blue Fog set the tone — five colors that lean into sophistication.

The five colors

• Cream (#F7EFF2): a clean, paper-quiet neutral.
• Silver (#CBD6DA): a clean, paper-quiet neutral.
• Blue Fog (#9B9DAA): a calm mid-gray that lets other colors speak.
• Mocha (#A07484): A luminous, dusty rose — the color of strawberry cream.
• Espresso (#3D3336): a grounded near-black with real depth.

Feels like: 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

• Driftwood Alley color palette (#EDF4F0, #CEDADD, #ABB1BF, #8C8455, #303834)
• Patina Oat color palette (#FAEDFB, #B8D2B9, #769F9A, #6E617A, #43394C)
• Antique Loft color palette (#DDE6DD, #7F938B, #497472, #3A2500, #000200)
• Dusty Taupe color palette (#FAF4ED, #D9DDD2, #A8B6B2, #B39576, #57514C)
• Dusty Garden color palette (#E1F0EE, #8CA5A9, #588298, #064307, #000605)
• Aged Amber Archive color palette (#F8EEF5, #D2866B, #00808E, #603D64, #29223E)
• Dusty Field color palette (#E9F6EC, #F5CE72, #D6D3C4, #5BAD98, #183129)
• Fern Summit color palette (#EDF4F0, #CAD9DF, #9FBDC4, #676927, #16241E)

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