Sapphire Harbor color palette — #E2FDEF · #63D2FF · #3670FF · #007698 · #00000E

Sapphire takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E2FDEF): A whisper-light, dusty teal — the color of sea glass.
• Sky (#63D2FF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Sapphire (#3670FF): A full-bodied, vivid violet — the color of a velvet chair.
• Teal (#007698): A full-bodied, balanced blue — the color of open sky before noon.
• Black (#00000E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged duotone, vibrant, 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 Loft color palette (#E6FCE7, #00DEE1, #0085CC, #007A7C, #000204)
• Misty Violet color palette (#FFF0FE, #A0C5FF, #8E4AFF, #0061E0, #050002)
• Chalky Iris color palette (#FFF0FE, #C1DAFF, #907BF3, #397CDD, #18010F)
• Soft Ultramarine color palette (#FFF0FB, #A2B7FF, #9A54B3, #4557BD, #040001)
• Softworn Lilac Meadow color palette (#E4F7EB, #33D8FA, #A97BFF, #009FBA, #16072D)
• Airy Aubergine color palette (#F7EAF8, #007BDB, #490093, #002B54, #020007)
• Tempered Lapis Atelier color palette (#DDF1FC, #00A6C3, #4B21E9, #005666, #020018)
• Nightshade Canyon color palette (#EEF6FF, #9BC2FF, #4D76FF, #401EBC, #1B004C)

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