Sapphire Harbor color palette — #FFEFDF · #71C4FF · #4865DB · #005151 · #220345

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

The five colors

• Cream (#FFEFDF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#71C4FF): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#4865DB): A full-bodied, vivid violet — the color of twilight just after sunset.
• Forest (#005151): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#220345): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Muted Petrol Balcony color palette (#F3E6DE, #78BFD9, #2C6DB2, #004D40, #120F35)
• Chalky Field color palette (#F2F8E6, #7BBFF4, #0E6FC1, #00526D, #002D72)
• Timeworn Canyon color palette (#FCEFE8, #73E1FB, #2589CD, #00654B, #1A2147)
• Antique Nightshade color palette (#E8DDD0, #74A1CB, #4248B1, #00393B, #120123)
• Softworn Villa color palette (#E9FBEC, #DAE0F3, #539AFC, #006F84, #151B57)
• Cobalt Drift color palette (#DBEBF5, #007AAF, #7B6100, #465413, #00101C)
• Ultramarine Workshop color palette (#DAE8FF, #499BFF, #1B3FE5, #00286D, #00081C)
• Fuchsia Thicket color palette (#E4F5FF, #C4CCFF, #F577C3, #007574, #061D39)

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