Tempered Sapphire Hollow color palette — #DAE2EF · #0A72F1 · #3C3B6C · #261726 · #000201

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

The five colors

• Frost (#DAE2EF): bright and airy, almost weightless.
• Royal Blue (#0A72F1): A full-bodied, vivid blue — the color of open sky before noon.
• Navy (#3C3B6C): A deep, shadowed, balanced violet — the color of wild irises.
• Onyx (#261726): A deep, shadowed, dusty pink — the color of peonies in June.
• Black (#000201): quiet, heavy and certain.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged noir, dark, luxury, vibrant.

Use it as a design system

One click turns Tempered 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

• Cobalt Hollow color palette (#CDE3F3, #0082BF, #2C406D, #00241B, #000201)
• Wandering Amethyst Study color palette (#FBE2EF, #8049FF, #533360, #2A1621, #040103)
• Ultramarine Thicket color palette (#DCEBFD, #005AC0, #33292C, #140B2A, #000105)
• Softworn Harbor color palette (#EEDFE6, #9574FF, #6D487C, #352F51, #0F030C)
• Weathered Quarry color palette (#F2DEED, #87A5FF, #846574, #51464E, #121A18)
• Timeworn Indigo Lantern color palette (#D2E4FF, #6B89FF, #7358FA, #6C40A7, #2B073F)
• Gentle Bloom color palette (#F4E8D6, #7ECBEF, #1E99E8, #007C85, #031D46)
• Hazy Grape color palette (#F0DFE7, #B39DFF, #919703, #663EBA, #1B1D00)

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