Sapphire Harbor color palette — #F3E5E9 · #96B7D6 · #4665BB · #004A53 · #160F30

Royal Blue takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Rose Water (#F3E5E9): bright and airy, almost weightless.
• Ash (#96B7D6): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#4665BB): A full-bodied, balanced violet — the color of wild irises.
• Deep Teal (#004A53): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#160F30): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Petrol Balcony color palette (#F0E5ED, #8ABCCE, #007696, #004D38, #00172C)
• Tempered Bloom color palette (#E2F2F2, #8EB6DB, #3068AF, #004B69, #1A2C52)
• Muted Sapphire color palette (#FBEEF2, #75C5FA, #1063F5, #005157, #180948)
• Softworn Cobalt color palette (#FAECDE, #92CBFC, #6983C9, #006A77, #2D274D)
• Soft Cornflower color palette (#F3F7ED, #B4ECF4, #3491FE, #00648A, #0C1C3F)
• Weathered Corridor color palette (#E9D9E4, #41848A, #004256, #002016, #000104)
• Turquoise Bloom color palette (#F6F0F4, #D0D4E8, #4FABBD, #4E765C, #263946)
• Powdered Grape Lantern color palette (#C7E9E2, #64A13D, #7416CF, #275300, #190134)

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