Sapphire Harbor color palette — #DCEDEA · #00C2D6 · #009BCD · #3764C6 · #222155

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

The five colors

• Honeydew (#DCEDEA): a clean, paper-quiet neutral.
• Cyan (#00C2D6): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#009BCD): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#3764C6): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#222155): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Pale Cornflower color palette (#D2F8FB, #00B8E6, #198DF9, #5E5DC8, #352158)
• Frosted Quarry color palette (#BDE7EE, #00ACCE, #0081B2, #00518E, #0F2B5D)
• Softworn Teal color palette (#DCF7DE, #00C2AC, #009CA2, #00759F, #002E50)
• Faded Periwinkle Pier color palette (#CCE5FF, #87C1FF, #3F97FF, #1C60C2, #001733)
• Chalky Navy color palette (#E2F3F3, #0090A8, #006184, #00366E, #070D3F)
• Powdered Chapel color palette (#CEE3F0, #75AFFF, #7A75FF, #8042AE, #4A1F48)
• Softworn Clover color palette (#E7E9D6, #30CF70, #4D93E6, #233F61, #040E1B)
• Weathered Tangerine Terrace color palette (#CCE1F5, #8CC9FF, #F07F0A, #0074B9, #421E00)

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