Hazy Sapphire color palette — #D8E7DB · #79B7F1 · #416FD0 · #00566C · #181748

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

The five colors

• Parchment (#D8E7DB): A whisper-light, dusty teal — the color of sea glass.
• Sky (#79B7F1): A luminous, balanced blue — the color of open sky before noon.
• Sapphire (#416FD0): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#00566C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#181748): 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 Hazy Sapphire 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 Cobalt color palette (#DBEADE, #6CBFD4, #007FAA, #005956, #00213A)
• Gentle Grove color palette (#F3F7EE, #A9D0F7, #2A77DE, #004C6C, #010138)
• Weathered Denim Pier color palette (#DCE6DB, #7DA3C6, #374FA5, #003D45, #220E4D)
• Linen Iris color palette (#EADFD3, #9EC4E9, #718BE8, #007A8C, #220F4A)
• Gentle Canyon color palette (#EBFAEE, #69DCFF, #0097D4, #007273, #003460)
• Faded Aqua Orchard color palette (#C0E9F6, #16CFFA, #6FA7E4, #007563, #002D37)
• Turquoise Alley color palette (#BFECF3, #00AFBC, #00727B, #00373C, #00090C)
• Lagoon Summit color palette (#F0F7F1, #C8E2FF, #6BB1C1, #468977, #2B4C60)

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