Tempered Sapphire color palette — #FEF0FD · #DD717D · #0D6CC4 · #4B2987 · #140421

A conversation between Royal Blue and Royal Purple, giving this palette its sense of trust and stability.

The five colors

• Blush (#FEF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Watermelon (#DD717D): A luminous, balanced red — the color of embers at dusk.
• Royal Blue (#0D6CC4): A full-bodied, balanced blue — the color of deep harbor water.
• Royal Purple (#4B2987): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#140421): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Balance. Tagged jewel, 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

• Gentle Navy color palette (#F9F2FF, #C9709D, #00799C, #254098, #08021D)
• Softworn Cobalt Pier color palette (#FFF0FB, #E38D74, #6477C4, #6D3D83, #26162C)
• Weathered Harbor color palette (#FFF0F7, #CA6E2B, #6D5CAD, #750D72, #190719)
• Nightshade Basin color palette (#FFEFDB, #976A00, #2E3D99, #1C2667, #180504)
• Hazy Nightshade color palette (#FFF0FC, #BB2023, #1C37B6, #3C0063, #040001)
• Byzantium Field color palette (#FFF1F5, #CD7B00, #8621D6, #77004D, #090000)
• Plum Hollow color palette (#F0F8F0, #E0BC90, #A079AF, #9F4D6C, #301D29)
• Linen Station color palette (#EBFAEA, #D69223, #009DAC, #9C5EA9, #0D230D)

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