Sapphire Harbor color palette — #FFEFFF · #94C2FF · #CC8C00 · #0065C9 · #503400

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

The five colors

• Blush (#FFEFFF): A whisper-light, dusty pink — the color of peonies in June.
• Sky (#94C2FF): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#CC8C00): A luminous, balanced gold — the color of old brass.
• Royal Blue (#0065C9): A full-bodied, vivid blue — the color of deep harbor water.
• Espresso (#503400): 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

• Mustard Drift color palette (#EDF6FF, #94CEFF, #D8A907, #0082CC, #3B2C00)
• Indigo Courtyard color palette (#FFE6F6, #AAB1FF, #9B8300, #6467BB, #403500)
• Aqua Canyon color palette (#DBFFEB, #35D2FF, #B97D00, #0084A4, #503400)
• Sunlit Ultramarine color palette (#EFF6FF, #4F94EF, #AC7000, #0059B5, #523300)
• Pale Violet color palette (#FFF1F7, #BEA9F3, #97B063, #896DC6, #3B481D)
• Coral Quarry color palette (#E1FEE8, #00C4D9, #F26B60, #008796, #6B1715)
• Byzantium Quarry color palette (#FFF1F4, #EC9CFD, #A79F00, #992DAF, #403C00)
• Worn Thicket color palette (#E2ECFF, #87AEFF, #939A37, #9F7300, #1A2E5A)

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