Washed Harbor color palette — #FCF4EC · #9CCBEF · #6275B0 · #00605F · #4F2F3E
Built around Slate, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Ivory (#FCF4EC): bright and airy, almost weightless.
- Sky (#9CCBEF): A whisper-light, dusty blue — the color of open sky before noon.
- Slate (#6275B0): A full-bodied, balanced violet — the color of wild irises.
- Peacock (#00605F): A full-bodied, dusty teal — the color of sea glass.
- Charcoal (#4F2F3E): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Trust, Stability, Creativity, Calm, 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
- Hushed Forest color palette (#FFF2EE, #86D4D9, #2883A7, #186237, #263B5A)
- Washed Cobalt Balcony color palette (#E9F4F4, #B1CBE2, #4C7EB8, #005775, #0B1F42)
- Sapphire Lantern color palette (#FFF2EA, #30C9FA, #006CCD, #00574A, #2D2768)
- Cerulean Hollow color palette (#FDF3EE, #C3E7CA, #4694BB, #35704E, #573E55)
- Cerulean Coast color palette (#FCF2F6, #C6E4FF, #93B1F0, #009EAD, #38355B)
- Tempered Seafoam color palette (#FDF5DA, #95EFC3, #55B8D3, #846942, #42423B)
- Moss Boulevard color palette (#EFF1D4, #6EB151, #7256AF, #306611, #3A2B5A)
- Washed Spruce color palette (#FCEAE5, #5CAEAD, #006179, #004212, #00203F)
Browse the whole catalog at Explore, or see today's palette.