Tempered Sapphire color palette — #D8E6F8 · #1C6FD1 · #283245 · #17202B · #0B0C12

Built around Royal Blue, softened by Deep Teal — the whole palette hums with trust and stability.

The five colors

• Frost (#D8E6F8): A whisper-light, dusty blue — the color of deep harbor water.
• Royal Blue (#1C6FD1): A full-bodied, vivid blue — the color of open sky before noon.
• Deep Teal (#283245): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Midnight (#17202B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#0B0C12): a grounded near-black with real depth.

Feels like: Trust, Stability, 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

• Petrol Corridor color palette (#D1E9F3, #00808E, #1B3644, #122228, #080D12)
• Indigo Lantern color palette (#EDF1FF, #7C6BCB, #393A4E, #252833, #151419)
• Weathered Periwinkle Coast color palette (#DDE6F0, #71AEF4, #6B6E87, #3B4B5D, #0F1A1F)
• Smoked Lapis Lantern color palette (#DCDFF3, #4B0FF0, #220E4A, #050B21, #020107)
• Byzantium Drift color palette (#E2E2FC, #9700D1, #3E1A40, #171529, #0A040E)
• Misty Violet Studio color palette (#F3F4FF, #9771D2, #B05D70, #2C7094, #34364C)
• Lowlit Nightshade Studio color palette (#D4E3FB, #1200AF, #1C141F, #060125, #000109)
• Dusty Study color palette (#F1F5FF, #9993E9, #009E98, #615AA3, #1A4A54)

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