Tempered Sapphire color palette — #FFF2EC · #FA7624 · #1162EB · #0047C1 · #1B0600

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Tangerine (#FA7624): A luminous, vivid orange — the color of toasted spice.
• Royal Blue (#1162EB): A full-bodied, vivid violet — the color of a velvet chair.
• Cobalt (#0047C1): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#1B0600): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Energy. Tagged 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

• Washed Indigo Terrace color palette (#FFF3E8, #D37700, #7361F7, #4D3CB1, #170800)
• Coral Archive color palette (#FFF2EF, #FF6C58, #0076B1, #005A89, #210000)
• Dusty Corridor color palette (#FFF4E0, #C09506, #304BF8, #551188, #1C0033)
• Pale Cornflower Pier color palette (#FFF4DA, #CBB829, #5E79DF, #495FB7, #201C00)
• Sunlit Garden color palette (#FEF5DB, #A69D24, #6756AF, #4D3C91, #0B0700)
• Grape Courtyard color palette (#FFF2EC, #ED003F, #5E07F7, #5D007A, #0A0011)
• Quiet Station color palette (#FFF2EB, #DE9C00, #048B4C, #54238C, #1B1900)
• Soft Moss Corridor color palette (#FBF5E0, #A3A500, #9B76C1, #6C5287, #1B1501)

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