Tempered Sapphire color palette — #F7E8FF · #0074D6 · #885800 · #100F06 · #030100

Royal Blue and Ochre set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F7E8FF): A whisper-light, dusty violet — the color of a velvet chair.
• Royal Blue (#0074D6): A full-bodied, vivid blue — the color of deep harbor water.
• Ochre (#885800): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#100F06): quiet, heavy and certain.
• Black (#030100): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Balance. Tagged neon, dark, vibrant, 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

• Weathered Meadow color palette (#DEDDFF, #7244FF, #8F5300, #110E04, #040100)
• Muted Olive Workshop color palette (#EDE6F8, #008C8E, #7C7000, #091105, #030200)
• Smoked Fern Workshop color palette (#F2DEEE, #006C6C, #5C5300, #070A05, #000201)
• Patina Violet Garden color palette (#FEEAE0, #9A72FF, #B17000, #1C1904, #0D0500)
• Hushed Spruce color palette (#ECECE4, #959D90, #607768, #133400, #0A0A00)
• Plum Boulevard color palette (#ECE3FA, #008684, #B20071, #1C0B03, #070000)
• Timeworn Bronze Chapel color palette (#F2DFE3, #6FBDFF, #B37100, #262104, #150D06)
• Timeworn Lantern color palette (#FCE2EB, #B800C9, #536F00, #061009, #020200)

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