Washed Sapphire Hollow color palette — #F7EFE2 · #71B8F5 · #366FD6 · #00566B · #171A41

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

The five colors

• Cream (#F7EFE2): bright and airy, almost weightless.
• Sky (#71B8F5): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#366FD6): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#00566B): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#171A41): A deep, shadowed, dusty 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 Washed Sapphire Hollow 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

• Tempered Cobalt color palette (#EEE4D5, #65C0D8, #007FAD, #005958, #00213C)
• Cobalt Chapel color palette (#ECF8F7, #AAD1F2, #347BCC, #004D69, #00072E)
• Powdered Denim Meadow color palette (#F0E6DB, #79A4C8, #3150A7, #003D44, #1F1249)
• Dusty Lantern color palette (#F4E5EA, #9DC5E9, #6D8CE9, #007B8A, #21104B)
• Cerulean Alley color palette (#FFF4E2, #66DCFD, #0098D1, #007271, #00345D)
• Turquoise Workshop color palette (#FEF4E5, #87F0EB, #00AFC0, #0A8664, #004759)
• Weathered Powder color palette (#F9F4ED, #C5EEEE, #8BB6DC, #569198, #5D4C5C)
• Hazy Sapphire Hollow color palette (#DFEDDA, #3C8900, #0063D1, #962D3B, #051700)

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