Tempered Workshop color palette — #EBF7FF · #70B5D4 · #B68CAE · #A1696C · #303F49

Built around Cyan, softened by Mocha — the whole palette hums with trust and stability.

The five colors

• Ivory (#EBF7FF): a clean, paper-quiet neutral.
• Cyan (#70B5D4): A luminous, balanced blue — the color of open sky before noon.
• Dusty Rose (#B68CAE): A luminous, dusty pink — the color of neon signs at night.
• Mocha (#A1696C): A full-bodied, dusty red — the color of a theater curtain.
• Charcoal (#303F49): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Periwinkle Terrace color palette (#EDF7FF, #69A8D5, #AC6E8A, #865749, #1C3838)
• Ancient Teal Drift color palette (#E8F9FA, #7BBB9F, #C68889, #997054, #264344)
• Muted Bloom color palette (#EAFAF0, #83C9E4, #8B8DBD, #7A6F3F, #3B4958)
• Weathered Stone Canyon color palette (#F0F5FF, #ADC1FA, #E2A0BD, #C48783, #363D4B)
• Periwinkle Boulevard color palette (#EFF6FF, #7A9DE8, #97924E, #767131, #273347)
• Antique Aubergine Thicket color palette (#E8F8FF, #A6D5F2, #829FD2, #7067A0, #5E3772)
• Cerulean Market color palette (#EEF7FA, #9ADFE5, #9495CB, #2F9DA6, #292D39)
• Ancient Coast color palette (#EFF6FB, #D9D9E2, #B8AEB5, #81A0B5, #4D5358)

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