Tempered Sapphire color palette — #F3DBF2 · #195AF9 · #006E7B · #050C12 · #000200
A conversation between Royal Blue and Teal, giving this palette its sense of trust and stability.
The five colors
- Thistle (#F3DBF2): A whisper-light, dusty pink — the color of peonies in June.
- Royal Blue (#195AF9): A full-bodied, vivid violet — the color of twilight just after sunset.
- Teal (#006E7B): A full-bodied, balanced blue — the color of open sky before noon.
- Ink (#050C12): quiet, heavy and certain.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged neon, dark, 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
- Timeworn Sapphire color palette (#E5E7CA, #006DCE, #00716A, #030D11, #000200)
- Ancient Meadow color palette (#DBF9DF, #6B37FF, #006D81, #060C12, #000201)
- Airy Violet color palette (#FFE4F0, #9264FF, #0089B5, #001019, #000205)
- Moonless Nightshade color palette (#D6ECFF, #005BC4, #0900AB, #11004B, #010009)
- Ancient Pier color palette (#E2F2E9, #00738F, #003274, #002F3C, #030003)
- Ultramarine Summit color palette (#F9D6D8, #B400B0, #0047EE, #180219, #030003)
- Magenta Corridor color palette (#FBE1E0, #EA2AE9, #5378FF, #1E051B, #070106)
- Magenta Dune color palette (#C9F7FC, #D100C4, #6049FF, #050025, #030002)
Browse the whole catalog at Explore, or see today's palette.