Tempered Stone color palette — #EFF6FF · #F2B58A · #5771A5 · #34435A · #1B222D

Built around Cantaloupe, softened by Slate — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cantaloupe (#F2B58A): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#5771A5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#34435A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#1B222D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Optimism, Creativity, Sophistication. Tagged luxury, dark, 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

• Hushed Oat color palette (#EFF6FF, #C6DAA3, #687DA9, #424E60, #262C35)
• Muted Cobalt color palette (#F9F2FA, #FFDFC1, #4A79AF, #153962, #150C16)
• Washed Denim color palette (#EAF9F5, #8BBC9B, #29557A, #0B362D, #0C1E21)
• Mint Field color palette (#EAEDFF, #5ECE94, #6A539F, #2F334F, #131524)
• Timeworn Ash color palette (#F2F5FD, #DFD8E1, #CBBBC4, #7E8FB4, #44484F)
• Hushed Cobalt Garden color palette (#EFF6FC, #86CDFF, #C8775A, #3488BD, #2E1E29)
• Antique Ultramarine color palette (#D7E6FB, #BDAE00, #1F4EC3, #102962, #040F22)
• Misty Iris color palette (#F0F6FF, #7088E5, #897B12, #625922, #0F2C2C)

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