Washed Harbor color palette — #FDF1F7 · #CBDDE2 · #B9B6C0 · #ED8542 · #4E3844

Tangerine takes the lead with Charcoal close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FDF1F7): a clean, paper-quiet neutral.
• Silver (#CBDDE2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Ash (#B9B6C0): a calm mid-gray that lets other colors speak.
• Tangerine (#ED8542): A luminous, balanced gold — the color of old brass.
• Charcoal (#4E3844): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

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

• Muted Archive color palette (#F1F7F2, #CCE0E1, #ADACC1, #D19A00, #304634)
• Aged Orchard color palette (#F8F3F9, #E8D6D7, #B1C7D8, #EE799C, #473A4C)
• Worn Amber Archive color palette (#FDF3EB, #DBDACB, #BDC2AB, #C86A00, #5F3400)
• Driftwood Thicket color palette (#F8EDFF, #F8C2B6, #B2B078, #9F75AF, #6F3D53)
• Amethyst Villa color palette (#FFF1F6, #FFA49F, #BCA619, #754DE7, #562600)
• Hushed Bronze color palette (#F8F0EB, #D8DAC5, #C4C1A0, #9B5632, #302117)
• Tempered Grove color palette (#E6F2E7, #CE9600, #58703C, #533E12, #1B0B16)
• Bronze Garden color palette (#E6EEE8, #B4C3C4, #90ACB9, #A27900, #132417)

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