Hazy Sapphire Harbor color palette — #F0E6EA · #8CB8D3 · #2770D9 · #00585D · #191649

Built around Royal Blue, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Rose Water (#F0E6EA): bright and airy, almost weightless.
• Ash (#8CB8D3): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#2770D9): A full-bodied, vivid blue — the color of deep harbor water.
• Peacock (#00585D): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#191649): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Hazy Sapphire 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

• Wandering Petrol color palette (#EEE2EB, #78BEC9, #007FA9, #005B48, #001F40)
• Cobalt Field color palette (#FEF3EA, #92D5FF, #3E79CF, #005154, #09042D)
• Tempered Denim Balcony color palette (#E3E7D8, #69A6CE, #005B95, #003B4D, #001E43)
• Weathered Archive color palette (#D2E5E4, #7FC9F9, #0998F2, #007898, #001E43)
• Washed Cerulean Thicket color palette (#FCF1FA, #8CD9E7, #0098CE, #00745F, #003265)
• Cerulean Station color palette (#FAF3F5, #D9DCFA, #93A3D3, #008A9D, #3F4564)
• Pale Mulberry color palette (#E6DEEB, #CD5786, #00867F, #970052, #00201E)
• Plum Meadow color palette (#FEDBDD, #C33D56, #007B67, #006569, #290008)

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