Tempered Cobalt color palette — #F7F0EA · #A2D4C2 · #647AAE · #005C58 · #23173F

Slate takes the lead with Deep Indigo close behind in a set that reads as creativity and calm at first glance.

The five colors

• Cream (#F7F0EA): bright and airy, almost weightless.
• Pistachio (#A2D4C2): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#647AAE): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005C58): A full-bodied, dusty teal — the color of sea glass.
• Deep Indigo (#23173F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Washed Forest Bloom color palette (#FBEFEB, #B0D2B1, #2B87A6, #155F29, #002043)
• Aged Cobalt Grove color palette (#FAF4EC, #ADCDC1, #457BB8, #005E6C, #283865)
• Patina Cobalt color palette (#FFEEE4, #75C9E4, #0074C7, #005343, #13064F)
• Washed Station color palette (#F9EFEC, #CCE4CE, #5A97B1, #386B47, #3B213C)
• Antique Periwinkle Veranda color palette (#F0F7F2, #DAD5E0, #74AAE8, #007C8F, #212D4D)
• Washed Study color palette (#F8F0EB, #C5E8E9, #B090AD, #317971, #462D3A)
• Jade Thicket color palette (#E5EADB, #60AD6C, #007460, #004E50, #002835)
• Cerulean Canyon color palette (#F5E7E0, #3799A9, #004F75, #002D1D, #01001E)

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