Tempered Sapphire Veranda color palette — #E7F0FF · #3F61EA · #2B3051 · #0A162A · #01050B

Royal Blue and Navy set the tone — five colors that lean into creativity and calm.

The five colors

• Frost (#E7F0FF): A whisper-light, dusty violet — the color of wild irises.
• Royal Blue (#3F61EA): A full-bodied, vivid violet — the color of a velvet chair.
• Navy (#2B3051): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#0A162A): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#01050B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Patina Indigo Corridor color palette (#DFE9FF, #6D6EE7, #3C3D59, #192134, #070E17)
• Smoked Cobalt color palette (#D1E2EF, #007BAD, #20334E, #001829, #00050A)
• Muted Cornflower color palette (#F0E0EE, #4F82FF, #634674, #3B2839, #000603)
• Obsidian Grape color palette (#E2E7FB, #6920E3, #2F1939, #05061E, #050100)
• Softworn Hollow color palette (#ECEAFF, #9B44BA, #49243D, #161325, #03040B)
• Dusty Lantern color palette (#E9E9FF, #A366CD, #A96B00, #007974, #291536)
• Grape Canyon color palette (#DDDCFA, #7900A7, #30261A, #2C0625, #05000B)
• Powdered Cobalt color palette (#E8F1EA, #9ECBEA, #4F88CE, #00697B, #1C295B)

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