Sapphire Harbor color palette — #FFF0F8 · #7BC1E9 · #3668CC · #005650 · #352366

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Sky (#7BC1E9): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#3668CC): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#005650): A full-bodied, dusty teal — the color of glacier melt.
• Royal Purple (#352366): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

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

• Hazy Quarry color palette (#FFF0FD, #80C5CD, #0077A5, #005936, #062979)
• Hazy Cobalt Villa color palette (#FAF0E2, #6EC7F4, #0076C1, #005059, #00114D)
• Denim Alley color palette (#F4E8ED, #80A3BF, #3251A3, #003E3B, #240D4A)
• Antique Cornflower color palette (#EAFAED, #86D6FF, #0091EC, #00717C, #173061)
• Antique Cypress Balcony color palette (#FCF2F5, #CEDEEF, #7E85BA, #007076, #444465)
• Softworn Periwinkle Veranda color palette (#FFF3E9, #AAE3FF, #74ABFF, #00998A, #312763)
• Lagoon Quarry color palette (#EADFE9, #449FA4, #00516B, #003216, #001231)
• Hushed Loft color palette (#ECDDFF, #C9509F, #00817C, #8A0067, #003634)

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