Tempered Cobalt Workshop color palette — #F9EEF8 · #9BB3E3 · #AB9D54 · #4E6FB4 · #34312A

Slate and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F9EEF8): bright and airy, almost weightless.
• Sky (#9BB3E3): A luminous, dusty violet — the color of wild irises.
• Moss (#AB9D54): A luminous, balanced green — the color of new leaves after rain.
• Slate (#4E6FB4): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#34312A): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Tempered Petrol color palette (#E7F6EE, #85BDD1, #CB8978, #007E9C, #362F2C)
• Powdered Pier color palette (#FDEDF1, #C7A5D2, #88A870, #9254A6, #253715)
• Muted Workshop color palette (#FDF1FC, #90B1E8, #43AF84, #5172AA, #4B4E47)
• Mustard Delta color palette (#EFF6FF, #A9C5F7, #BEB463, #6E8CC2, #365545)
• Cerulean Veranda color palette (#FDECF9, #E7D4D1, #B8AA92, #5D8FB0, #4A3842)
• Olive Bloom color palette (#FEECF6, #9994CC, #B4814B, #787F1F, #33212B)
• Washed Basin color palette (#FBEFE6, #C8B8A4, #AC7544, #7A4941, #322B1B)
• Wandering Basalt Thicket color palette (#FAEEF2, #C4C7A4, #7C5364, #38284B, #1A1114)

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