Sapphire Harbor color palette — #FFF3E9 · #7EC1E5 · #006CCE · #005556 · #242279

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sky (#7EC1E5): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#006CCE): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#005556): A full-bodied, dusty teal — the color of glacier melt.
• Royal Purple (#242279): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Aged Chapel color palette (#FFF2EC, #81C5CC, #00799C, #005842, #00355D)
• Timeworn Cobalt color palette (#DEF8F6, #74C6F3, #0078B6, #004F61, #001B35)
• Azure Basin color palette (#F2F8E4, #8BD5FF, #0094E1, #006F87, #003460)
• Quiet Balcony color palette (#E9E0D8, #7AAA9A, #1A4FB2, #003D42, #1C1547)
• Periwinkle Alley color palette (#FFF1F7, #ADE2FF, #69AEFF, #009798, #25286D)
• Chalky Amber Drift color palette (#FFDDC3, #DC7321, #0066A6, #7B3A00, #003053)
• Dusty Abyss color palette (#FFECE2, #5F9B9F, #005268, #003122, #001528)
• Petrol Harbor color palette (#F9F4EF, #CCE5E8, #8398C9, #137C89, #654958)

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