Washed Harbor color palette — #FAF4ED · #C2EFF4 · #8598C5 · #55785F · #634A58

Blue Fog and Pewter set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF4ED): a clean, paper-quiet neutral.
• Frost (#C2EFF4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#8598C5): A luminous, dusty violet — the color of wild irises.
• Pewter (#55785F): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#634A58): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Sophistication. Tagged coastal, cool, light, muted.

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

• Tempered Summit color palette (#FCF3EF, #C5F0E7, #67A3BA, #5E793A, #335149)
• Hushed Lagoon color palette (#FBF2F5, #DBDEEC, #A1B1D3, #4F9395, #4F5068)
• Weathered Archive color palette (#F6F1EB, #C5E7EB, #B290A8, #2A787B, #472D38)
• Worn Teal color palette (#EEF9EB, #68C2B7, #CA8282, #268279, #534B48)
• Glacier Workshop color palette (#E0FEE7, #81DCE8, #3D9398, #145A5E, #1C3D27)
• Ancient Workshop color palette (#E7FCE7, #00AEAD, #B9727E, #966544, #384738)
• Antique Cobalt color palette (#FCF3ED, #99CEE7, #4F7CAB, #00605E, #4E2E47)
• Dusty Cerulean color palette (#F8E1D6, #38A0A9, #005269, #003123, #001529)

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