Sapphire Harbor color palette — #DEF3FF · #0089A8 · #2F63E4 · #A10607 · #000609

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

The five colors

• Frost (#DEF3FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0089A8): A full-bodied, balanced blue — the color of deep harbor water.
• Royal Blue (#2F63E4): A full-bodied, vivid violet — the color of twilight just after sunset.
• Garnet (#A10607): A full-bodied, vivid orange — the color of sun-warmed clay.
• Ink (#000609): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged vibrant.

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

• Ancient Lapis color palette (#D3EBF8, #00829C, #573DEC, #6B3C00, #000304)
• Patina Pier color palette (#CDF3EF, #0F9A3F, #0079A8, #930052, #000701)
• Chalky Plum Pier color palette (#D0E1F4, #2881DF, #B80054, #7F0038, #050900)
• Tempered Sapphire Station color palette (#E8F0FD, #396DFA, #7651D4, #913000, #000020)
• Patina Cobalt Atelier color palette (#F3E7D7, #009F84, #0069BA, #604100, #000E10)
• Weathered Byzantium color palette (#D7EFFF, #00779E, #9323A5, #613E00, #000204)
• Indigo Pier color palette (#DFEBFF, #4768FE, #A82DB7, #714D00, #01001E)
• Timeworn Raspberry color palette (#E1EBFF, #727DEC, #D53B6E, #5D6B00, #08062C)

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