Sapphire Harbor color palette — #FDEDF2 · #89C3EC · #405BF6 · #005151 · #21093F

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

The five colors

• Blush (#FDEDF2): bright and airy, almost weightless.
• Sky (#89C3EC): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#405BF6): A full-bodied, vivid violet — the color of twilight just after sunset.
• Forest (#005151): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#21093F): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

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

• Sapphire Boulevard color palette (#EAFAED, #78BFF6, #0066DE, #005364, #242D60)
• Dusty Veranda color palette (#F8EFF2, #A0CEEB, #5979C0, #005C57, #191D3C)
• Dusty Garden color palette (#E5EEE4, #7BA1C1, #3D44BD, #00393B, #120025)
• Hazy Cornflower Meadow color palette (#FFF3E7, #96D3FF, #6282F7, #007271, #3A2360)
• Quiet Forest color palette (#FCECFC, #4FD1D2, #007E9E, #00561D, #001A37)
• Ancient Station color palette (#F5F0F5, #BDE4F0, #249BC3, #376C45, #1A2D43)
• Washed Lagoon color palette (#E7DCE5, #2A8691, #00415C, #002111, #000109)
• Tempered Plum color palette (#FFE5EC, #CD006F, #007180, #215273, #22000E)

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