Tempered Sapphire color palette — #E8F6EB · #8AC3EB · #006FD7 · #004F5E · #0A1048
A conversation between Royal Blue and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Cream (#E8F6EB): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#8AC3EB): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#006FD7): A full-bodied, vivid blue — the color of open sky before noon.
- Peacock (#004F5E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Indigo (#0A1048): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Cobalt Basin color palette (#EEF4EF, #AECCE2, #4480BA, #005A65, #10203A)
- Feathered Sapphire color palette (#FFF3E8, #65C1FF, #4864CA, #005654, #39265B)
- Hushed Canyon color palette (#D9E4DB, #7CA0C1, #124FB9, #003745, #060030)
- Powdered Cornflower Orchard color palette (#FFF4E2, #94D3FF, #3D8DEC, #006F83, #212E62)
- Softworn Aqua Drift color palette (#E6F7E9, #54D1CD, #00818D, #00543D, #001E27)
- Quiet Wisteria color palette (#E7F2FF, #CAD1FF, #CB8CFF, #006E93, #0C2046)
- Azure Pier color palette (#CCF6FF, #009FCB, #006796, #003667, #02094C)
- Plum Grove color palette (#D6E9FE, #0073CB, #BA0047, #395E00, #000F22)
Browse the whole catalog at Explore, or see today's palette.