Sapphire Harbor color palette — #EEF6FF · #90C3FF · #D08A00 · #0068C1 · #523300

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

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Sky (#90C3FF): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#D08A00): A luminous, balanced gold — the color of honey in a jar.
• Royal Blue (#0068C1): A full-bodied, vivid blue — the color of deep harbor water.
• Espresso (#523300): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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

• Cornflower Drift color palette (#FEF0FF, #9FCBFF, #F09A1B, #007CE4, #432700)
• Frosted Balcony color palette (#F1F5FF, #B4B8FF, #D78500, #5C41E9, #543100)
• Dusty Ember color palette (#EDF7FF, #78C9FF, #DF5D00, #0080BB, #602707)
• Feathered Amber Lagoon color palette (#E8F8FF, #00C4DB, #DA8500, #008797, #553100)
• Hazy Ultramarine Bloom color palette (#CFDFFA, #85A5FF, #B37700, #273CCA, #3A2400)
• Faded Indigo Villa color palette (#F2F5FF, #B8ACF3, #8AB459, #826FCB, #384925)
• Gentle Byzantium color palette (#F3F4FF, #CEACFF, #94A600, #8336CC, #384000)
• Feathered Workshop color palette (#E2F4E1, #FFAC56, #99B0FF, #333D62, #182235)

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