Sapphire Harbor color palette — #EAF5EC · #78C3FF · #0668E8 · #004F60 · #0F1046

Royal Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EAF5EC): bright and airy, almost weightless.
• Sky (#78C3FF): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#0668E8): A full-bodied, vivid blue — the color of deep harbor water.
• Peacock (#004F60): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#0F1046): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Cobalt Summit color palette (#EAF5EC, #6DC9ED, #0079B5, #005155, #00193B)
• Sapphire Quarry color palette (#FFF3E7, #6CC0FF, #4E62C9, #005556, #3C235E)
• Gentle Cornflower Coast color palette (#FFF4E2, #9AD1FF, #3A88FF, #006F86, #252D61)
• Aged Wisteria color palette (#E4F0FF, #C8D2FF, #BD82EF, #007499, #0D163B)
• Hazy Lantern color palette (#D0E3E9, #0093C3, #00618E, #00346A, #030556)
• Pale Ridge color palette (#D5E2F3, #006FD7, #BB003D, #2F6000, #000E25)
• Quiet Archive color palette (#DBE7FF, #5E9BFF, #0055BF, #070094, #00022A)
• Cornflower Villa color palette (#D4E9FF, #008AE5, #9C6400, #004F86, #221200)

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