Tempered Sapphire color palette — #D0E2FF · #1171F5 · #BD2A3F · #26650C · #000108

Royal Blue takes the lead with Ruby close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#D0E2FF): A whisper-light, dusty blue — the color of deep harbor water.
• Royal Blue (#1171F5): A full-bodied, vivid blue — the color of deep harbor water.
• Ruby (#BD2A3F): A full-bodied, vivid red — the color of embers at dusk.
• Olive (#26650C): A full-bodied, balanced green — the color of a quiet forest floor.
• Black (#000108): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. 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

• Ancient Station color palette (#C5E6FF, #0082C2, #C20063, #4C5D00, #000204)
• Faded Amethyst Dune color palette (#E0DCFF, #8348FF, #A64E00, #00644E, #02000B)
• Pale Cornflower color palette (#DBE7FB, #3F87FF, #B07500, #687515, #000E31)
• Sunlit Grove color palette (#ACEEFB, #00899C, #A4339B, #675200, #000203)
• Softworn Ultramarine color palette (#E6EFFF, #234FB5, #6B4100, #4A3900, #000118)
• Linen Byzantium color palette (#F1EAFF, #8F31EB, #725E00, #004514, #01000A)
• Lilac Alley color palette (#F5F3FF, #9E80FF, #D36700, #00866B, #150534)
• Linen Aubergine color palette (#ECE1EC, #0058AD, #7B008E, #004744, #00112B)

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