Sapphire Harbor color palette — #F4E4E9 · #8CB9DE · #3F65C0 · #004A52 · #150F32

A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.

The five colors

• Rose Water (#F4E4E9): bright and airy, almost weightless.
• Sky (#8CB9DE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#3F65C0): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Teal (#004A52): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#150F32): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Worn Petrol color palette (#F2E5EE, #8CBCCD, #007695, #004D37, #00172B)
• Worn Petrol Villa color palette (#E0F3F3, #8AB6DC, #2F6AAB, #004B67, #162C55)
• Muted Cobalt Coast color palette (#F7EDE2, #9BCAF0, #6284CD, #006A75, #2C2653)
• Dusty Balcony color palette (#F9EBF2, #5393AE, #004B83, #002C2A, #01001D)
• Turquoise Coast color palette (#F6F0F4, #CFD6F3, #4BACBC, #4F755A, #233948)
• Plum Lagoon color palette (#F1DFF3, #C2164E, #006D64, #00575E, #1D0005)
• Amber Alley color palette (#FAE1FF, #FFB795, #BF9415, #79477A, #2D132A)
• Garnet Station color palette (#F6EAF7, #CA5161, #007E64, #860029, #001710)

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