Sapphire Harbor color palette — #FFF3E7 · #70BFFF · #3C63D6 · #00545E · #32295D

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Sky (#70BFFF): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#3C63D6): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#00545E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#32295D): 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

• Powdered Indigo color palette (#FFEFDF, #7EC3FA, #5164D6, #005152, #250045)
• Aqua Corridor color palette (#FFF2EB, #00CCF0, #0076AA, #00574B, #072F6C)
• Cobalt Grove color palette (#FBF4ED, #A1CBE8, #5178B9, #005F65, #4C3042)
• Feathered Study color palette (#FFF1F5, #99D2FF, #6A82EF, #007273, #40186C)
• Sunlit Periwinkle color palette (#ECF9EE, #B9DEFF, #77AAFF, #0093B2, #24286D)
• Quiet Quarry color palette (#CBFFFB, #61DFFF, #8196FF, #29763D, #00444B)
• Worn Teal Coast color palette (#FCE9DE, #56B0AB, #006271, #004121, #002333)
• Hushed Pier color palette (#FDF3EE, #C9E5CC, #3C96B4, #2D7057, #285046)

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