Sapphire Harbor color palette — #FAF0E6 · #93C1E5 · #455DEF · #005151 · #230047

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

The five colors

• Cream (#FAF0E6): a clean, paper-quiet neutral.
• Sky (#93C1E5): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#455DEF): A full-bodied, vivid violet — the color of wild irises.
• Forest (#005151): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#230047): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, 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

• Sapphire Basin color palette (#FDF4E5, #76C0F6, #0068DA, #005364, #232D61)
• Softworn Atelier color palette (#F1E7E0, #91BFA9, #2D6BB9, #004C42, #14083E)
• Cobalt Alley color palette (#FAEFEA, #A2DAE9, #0089D5, #00654B, #171C55)
• Nightshade Station color palette (#EDE5DC, #76A1C9, #444AAB, #00393B, #120024)
• Periwinkle Veranda color palette (#ECF9EE, #D9DFF2, #4F99FF, #006F84, #14185D)
• Faded Drift color palette (#E3E0CF, #8CA123, #9300C2, #475300, #250034)
• Ancient Quarry color palette (#F7F0EE, #CBE4CD, #5197B6, #246F40, #3A223A)
• Hushed Lantern color palette (#EBDCD6, #4697A5, #004F74, #002D1C, #01001E)

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