Tempered Workshop color palette — #F0F6FF · #DDD6E3 · #BCB7CF · #3F5AA6 · #040C1C

Cobalt takes the lead with Ink close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F0F6FF): a clean, paper-quiet neutral.
• Silver (#DDD6E3): a clean, paper-quiet neutral.
• Ash (#BCB7CF): A luminous, dusty violet — the color of twilight just after sunset.
• Cobalt (#3F5AA6): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#040C1C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Hushed Grape color palette (#F4F4FF, #E3D4DE, #C9B2CB, #7C4295, #0C091C)
• Weathered Navy color palette (#E4E7F0, #ACB2C7, #9186AF, #323789, #070A14)
• Indigo Hollow color palette (#EBE4E9, #CABBBC, #C89E9D, #6576D7, #2B1727)
• Grape Station color palette (#ECEFFF, #7033C5, #432F2D, #21051E, #01000A)
• Pewter Coast color palette (#D0DFFF, #B299C7, #9D607C, #1F4932, #002413)
• Powdered Indigo color palette (#ECF3FF, #556BE9, #7C3600, #182B00, #000201)
• Weathered Cornflower color palette (#C5FBF2, #418AE7, #70368A, #053604, #020019)
• Washed Pine color palette (#E0FEEB, #92AE5B, #117237, #41325D, #050900)

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