Tempered Sapphire color palette — #FBF0E4 · #78C4FC · #225DFD · #005058 · #1A0749

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

The five colors

• Cream (#FBF0E4): bright and airy, almost weightless.
• Sky (#78C4FC): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#225DFD): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#005058): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#1A0749): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, vibrant.

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

• Cobalt Ridge color palette (#FCEFE6, #6CC9EC, #0076C0, #00524E, #081049)
• Airy Bloom color palette (#F1EAE2, #74A1CB, #2D42CA, #003841, #0D0127)
• Cornflower Pier color palette (#FFF1F6, #97D2FF, #4D84FF, #00717B, #302765)
• Frosted Pine Basin color palette (#DFFCDA, #7FDCFF, #7BA7FF, #007B32, #002225)
• Washed Field color palette (#FCEBE3, #2C9AAA, #00506E, #002D23, #00040F)
• Washed Cerulean color palette (#F8F0EC, #CCE4CE, #229CBC, #2C6C51, #10332A)
• Timeworn Teal color palette (#99F8FF, #00B0B8, #006F77, #003639, #000C0D)
• Plum Archive color palette (#D4E5D1, #009B92, #CF0062, #005853, #300011)

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