Sapphire Harbor color palette — #FFE7EF · #DC8A22 · #0068D6 · #6F4100 · #000719

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

The five colors

• Blush (#FFE7EF): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#DC8A22): A luminous, balanced gold — the color of old brass.
• Royal Blue (#0068D6): A full-bodied, vivid blue — the color of deep harbor water.
• Bronze (#6F4100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#000719): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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

• Patina Sapphire color palette (#D8F8DF, #C49922, #3D5DDF, #624900, #01002A)
• Amber Villa color palette (#FFE6F2, #DD6F00, #0087AA, #783A00, #00090F)
• Feathered Station color palette (#E4F0E4, #E1A22C, #0084C1, #946600, #001D2F)
• Weathered Lapis Workshop color palette (#D8EFDE, #9B7900, #4D42EF, #4B3900, #01000A)
• Timeworn Denim Atelier color palette (#FAE0C7, #9A5900, #0056A9, #502C00, #000718)
• Powdered Rose color palette (#FFE5FC, #FF3C4D, #008B90, #920A20, #000A0A)
• Violet Courtyard color palette (#FFF6C9, #DBC128, #8C74EF, #7B6B00, #220156)
• Quiet Veranda color palette (#FFDFC0, #BE9310, #885000, #591900, #000503)

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