Sapphire Harbor color palette — #DFF8F7 · #83C2F7 · #0071D2 · #004D69 · #00124A

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

The five colors

• Ivory (#DFF8F7): A whisper-light, dusty teal — the color of sea glass.
• Sky (#83C2F7): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0071D2): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#004D69): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#00124A): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, 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

• Antique Petrol color palette (#E0ECEB, #8BBBD3, #0073A6, #004957, #00172B)
• Sapphire Cabin color palette (#FFF3E7, #8BBDE9, #4162D3, #00545F, #34226B)
• Frosted Lilac Study color palette (#EBF2FF, #BAC6FF, #A990EC, #0060A1, #131E49)
• Muted Cerulean Garden color palette (#E2F7F4, #93DDF2, #0090B8, #006169, #00293C)
• Azure Courtyard color palette (#C7E8F7, #009CD8, #00669E, #003E6B, #001738)
• Linen Lagoon color palette (#F2F8E6, #9CD1FD, #178DF8, #006D91, #052D71)
• Frosted Garden color palette (#E7F0FF, #0F63F5, #A300A6, #005E5F, #00092F)
• Cobalt Market color palette (#DCE9F6, #008CE0, #008938, #004F83, #001C06)

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