Sapphire Harbor color palette — #E8DFD7 · #87B8D8 · #446CD7 · #005956 · #22163E

Built around Sapphire, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Parchment (#E8DFD7): a clean, paper-quiet neutral.
• Sky (#87B8D8): A luminous, dusty blue — the color of open sky before noon.
• Sapphire (#446CD7): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#005956): A full-bodied, dusty teal — the color of glacier melt.
• Deep Indigo (#22163E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Cobalt Lagoon color palette (#F5EAE6, #6AC0CE, #007DB3, #005C3C, #0A1A4A)
• Pale Cobalt Archive color palette (#FFF1F6, #99D4F9, #457AC7, #005154, #09032F)
• Denim Alley color palette (#E7F2E9, #59A8D7, #0A589D, #003D46, #0E1B46)
• Patina Azure Thicket color palette (#FFF2EC, #74DDEE, #0096D8, #007650, #1B2D67)
• Ancient Tangerine Summit color palette (#F9D5E9, #E1ACD3, #EB7945, #006EA1, #331B3D)
• Tempered Bloom color palette (#E2DDF4, #9563F8, #007C65, #12690E, #15072D)
• Ancient Boulevard color palette (#FDF3EA, #B8E1FF, #7493FF, #008281, #453662)
• Hazy Grape color palette (#D2E7FD, #467AF6, #8001E5, #5F0077, #400532)

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