Tempered Sapphire color palette — #D8E6FC · #4368D4 · #2E2F49 · #171F2D · #0B0D12
Built around Royal Blue, softened by Navy — the whole palette hums with creativity and sophistication.
The five colors
- Frost (#D8E6FC): A whisper-light, dusty blue — the color of deep harbor water.
- Royal Blue (#4368D4): A full-bodied, vivid violet — the color of twilight just after sunset.
- Navy (#2E2F49): A deep, shadowed, dusty violet — the color of wild irises.
- Midnight (#171F2D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Ink (#0B0D12): quiet, heavy and certain.
Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Tempered 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
- Weathered Garden color palette (#D0E9F7, #007E98, #223347, #10212A, #080E12)
- Worn Violet color palette (#EFF1FF, #8968BF, #3F394A, #262833, #15141A)
- Velvet Grape color palette (#EAE8FF, #6300E1, #310C34, #070A22, #020109)
- Patina Periwinkle color palette (#ECE0EA, #8FA8EA, #826774, #574253, #0F1B18)
- Moonless Byzantium Garden color palette (#E1DCF6, #A400B9, #441B2A, #19142A, #0A060F)
- Nightshade Orchard color palette (#D3E1FF, #2E00A2, #281A1B, #11001A, #000011)
- Airy Orchid Corridor color palette (#F3F4FF, #A467D9, #718523, #4B763A, #35354D)
- Obsidian Aubergine Market color palette (#EEEEFF, #6D3E00, #450063, #26111C, #0D0006)
Browse the whole catalog at Explore, or see today's palette.