Tempered Sapphire color palette — #EAEFF6 · #D2D7E4 · #B0B6CE · #486ACD · #232E41
Royal Blue takes the lead with Midnight close behind in a set that reads as creativity and sophistication at first glance.
The five colors
- Cream (#EAEFF6): bright and airy, almost weightless.
- Silver (#D2D7E4): a clean, paper-quiet neutral.
- Ash (#B0B6CE): A luminous, dusty violet — the color of wild irises.
- Royal Blue (#486ACD): A full-bodied, balanced violet — the color of wild irises.
- Midnight (#232E41): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Sophistication. Tagged scandi, muted, 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
- Weathered Balcony color palette (#E6F0F6, #CCDAE3, #A4BBCE, #007F99, #1A313D)
- Antique Lagoon color palette (#EEEDF6, #D8D6E1, #BCB1CE, #9153AA, #2D2C3A)
- Hushed Cobalt Basin color palette (#FAF2F9, #E9D7D8, #D6BABA, #6174A9, #261A23)
- Grape Field color palette (#DFE2EB, #C1C3D4, #A2A1C1, #633FC6, #1A1E2F)
- Denim Atelier color palette (#E9EFF8, #C8CBD9, #A09DB5, #31548D, #272E38)
- Smoked Amethyst Orchard color palette (#D9DEF4, #7955CF, #2F2E4F, #10132D, #03040C)
- Aged Garden color palette (#F4F5FB, #DFD8E1, #CBBCCC, #9A7ECA, #464751)
- Gentle Loft color palette (#F3D3EB, #9881D8, #8F40A9, #8A0405, #2C1941)
Browse the whole catalog at Explore, or see today's palette.