Tempered Sapphire color palette — #CDE1F7 · #6EA0EB · #4762C7 · #332A8E · #30146C

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

The five colors

• Powder Blue (#CDE1F7): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#6EA0EB): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#4762C7): A full-bodied, balanced violet — the color of a velvet chair.
• Indigo (#332A8E): A deep, shadowed, balanced violet — the color of a velvet chair.
• Royal Purple (#30146C): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Navy Ridge color palette (#BBF0FF, #44A4CA, #006FA5, #004475, #002472)
• Muted Grape color palette (#E0E2FD, #A695E8, #7A46B5, #5D1E7A, #4A074E)
• Airy Nightshade color palette (#DCE7F7, #526FE5, #4000C3, #2C0069, #22003F)
• Indigo Cabin color palette (#FFF0FE, #92D0FF, #66A0FF, #7272D9, #242F51)
• Muted Cornflower color palette (#9EEFFF, #47B8FF, #597BD9, #604B93, #4F0352)
• Nightshade Veranda color palette (#FFE9E3, #5C85CE, #524BA6, #662543, #40263B)
• Violet Courtyard color palette (#91F3F3, #76CFFA, #779AE5, #835EB9, #510047)
• Mulberry Market color palette (#FFEBF9, #5F6AD2, #831F84, #71031A, #003045)

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