Washed Harbor color palette — #FBF2F6 · #DAD4E3 · #96B3DB · #638E9B · #495269

Sky and Storm Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF2F6): a clean, paper-quiet neutral.
• Silver (#DAD4E3): A whisper-light, dusty violet — the color of wild irises.
• Sky (#96B3DB): A luminous, dusty blue — the color of open sky before noon.
• Storm Blue (#638E9B): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#495269): A full-bodied, dusty violet — the color of wild irises.

Feels like: Trust, Stability, 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 Cypress Lantern color palette (#FBF2F6, #D9DEEF, #8599C1, #397B75, #4B516C)
• Washed Terrace color palette (#EDF6FF, #91CBFB, #E2A079, #6491B7, #5E4451)
• Teal Balcony color palette (#FAF4EF, #C8DCE8, #B2C7F3, #58B4AD, #654957)
• Powdered Market color palette (#F8E3ED, #77BBDE, #3076C2, #005959, #161A42)
• Sky Studio color palette (#EDF6FF, #6DB8F8, #CA9973, #938D5A, #354453)
• Oat Market color palette (#EBF9F0, #A6D7C5, #80A68F, #8A6A74, #374D49)
• Cerulean Corridor color palette (#F6EBF3, #71D6E5, #0093C2, #006E57, #0F2F4F)
• Turquoise Workshop color palette (#FFF0FA, #7FF0F4, #00ACD1, #00875B, #154462)

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