Tempered Stone color palette — #EFF6FF · #A1C4FF · #B1B46B · #3E9191 · #2A323E

Built around Sage, softened by Sky — the whole palette hums with nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#A1C4FF): A luminous, balanced violet — the color of twilight just after sunset.
• Sage (#B1B46B): A luminous, balanced green — the color of new leaves after rain.
• Storm Blue (#3E9191): A luminous, dusty teal — the color of shallow lagoons.
• Deep Teal (#2A323E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered Stone 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

• Washed Summit color palette (#F3F4FF, #D0B4F6, #79BFA3, #458E9C, #2F303E)
• Antique Apricot Chapel color palette (#E9F8FF, #7FD2E1, #DAA074, #5B906F, #23353C)
• Patina Mallow Boulevard color palette (#F4F4FF, #DAACF2, #A99A4F, #2F7C7E, #282735)
• Ancient Thicket color palette (#FFF1F4, #E9A6F6, #E6A589, #78A595, #49383B)
• Tempered Coral Atelier color palette (#E8FAF2, #FDC9F8, #DC887D, #3E7D87, #453A4D)
• Antique Mallow Studio color palette (#F6F3FF, #DE95DA, #35B4A5, #5D6DB1, #262134)
• Antique Moss color palette (#F1F5FF, #ADACFF, #4F9700, #007292, #121934)
• Muted Iris Hollow color palette (#FAEEF4, #8F8CCD, #559175, #3B6954, #2D1D26)

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