Washed Harbor color palette — #F9EEF5 · #A7CEE0 · #0E84C2 · #005E42 · #0F1F3D

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F9EEF5): a clean, paper-quiet neutral.
• Sky (#A7CEE0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0E84C2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005E42): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#0F1F3D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Timeworn Loft color palette (#FBEDF4, #A3D9F2, #1B7DF9, #006358, #231B4C)
• Aged Forest color palette (#FBEDFA, #58D0D3, #007DA0, #005622, #001939)
• Cerulean Boulevard color palette (#EFF8F0, #93D0DF, #0084AD, #00605B, #1F3D57)
• Hushed Sapphire color palette (#F0E6EA, #8FB9D9, #4760C9, #004B4B, #1A0C30)
• Antique Cabin color palette (#F6F0F4, #D3D2EA, #66A4CC, #41785E, #2D3746)
• Soft Orchid Pier color palette (#D2EFF3, #00A991, #A550C5, #006455, #290E33)
• Hushed Navy Summit color palette (#F1E2EB, #29859D, #003D6B, #002018, #01000B)
• Hazy Delta color palette (#F4E0E6, #5490C0, #2E21C1, #002B2C, #070015)

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