Tempered Cobalt color palette — #FDF1FA · #D18174 · #6177BF · #694882 · #332739

Slate and Coral Clay set the tone — five colors that lean into creativity and balance.

The five colors

• Ivory (#FDF1FA): a clean, paper-quiet neutral.
• Coral Clay (#D18174): A luminous, balanced orange — the color of sun-warmed clay.
• Slate (#6177BF): A full-bodied, balanced violet — the color of a velvet chair.
• Plum (#694882): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#332739): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Balance. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Chalky Atelier color palette (#EDF9ED, #C58E38, #9768AA, #833E59, #392431)
• Mustard Cabin color palette (#FAF4EA, #E5BD4D, #0099D1, #9C6493, #332917)
• Pale Moss color palette (#E5FBF3, #8CA24E, #AA667F, #88442B, #193220)
• Powdered Jade color palette (#F3F8E8, #44B77F, #008FC0, #48528E, #231014)
• Hazy Jade Atelier color palette (#EAF9F6, #82B574, #2D918C, #21638E, #433701)
• Ancient Byzantium color palette (#E7FBEC, #A68600, #AB3CAC, #9F003C, #341800)
• Airy Aubergine color palette (#E8FAF5, #5F8840, #006772, #631E6D, #1D2E1E)
• Muted Delta color palette (#EFF7F4, #D1DDDF, #B4C3C7, #8A9663, #3C4C46)

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