Tempered Sapphire color palette — #CCE7DE · #00CFD0 · #00A6DB · #006CCF · #28007B
Built around Royal Blue, softened by Royal Purple — the whole palette hums with trust and stability.
The five colors
- Silver (#CCE7DE): A whisper-light, dusty teal — the color of sea glass.
- Aqua (#00CFD0): A luminous, balanced teal — the color of glacier melt.
- Cyan (#00A6DB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#006CCF): A full-bodied, vivid blue — the color of open sky before noon.
- Royal Purple (#28007B): A deep, shadowed, vivid violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Pale Mint Delta color palette (#D5E5DA, #00D5BE, #00A8B9, #0072A8, #00205A)
- Tempered Sapphire Lantern color palette (#D1E6E3, #0FC9F5, #019CE9, #3E51FF, #330067)
- Powdered Aqua Meadow color palette (#E2FAFF, #41D4FF, #008DC1, #004972, #001833)
- Soft Nightshade color palette (#C0EDEA, #008EB2, #005DAC, #2500AF, #070014)
- Azure Station color palette (#FFDEBA, #00CBBD, #0095E7, #955E00, #002F35)
- Amethyst Lantern color palette (#C6E6EC, #60B7FA, #6F82F4, #8025DF, #3E003F)
- Iris Market color palette (#E7FDE1, #BFE5CA, #82C1EF, #6D8FD7, #453C78)
- Patina Garden color palette (#DAE8E1, #00A0CB, #395890, #003B4D, #010B01)
Browse the whole catalog at Explore, or see today's palette.