Tempered Cobalt color palette — #FEF0FE · #5377BA · #843D3F · #64282A · #272A12

Built around Slate, softened by Rust — the whole palette hums with trust and stability.

The five colors

• Blush (#FEF0FE): A whisper-light, dusty pink — the color of peonies in June.
• Slate (#5377BA): A full-bodied, balanced violet — the color of a velvet chair.
• Rust (#843D3F): A full-bodied, balanced orange — the color of autumn markets.
• Oxblood (#64282A): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#272A12): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Trust, Stability, 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

• Pale Cobalt Lantern color palette (#FCF1FB, #5C89CF, #835A1C, #643F00, #313E06)
• Hushed Drift color palette (#EDF9F0, #007F8C, #594893, #653A00, #1F3023)
• Antique Mulberry color palette (#E8F4FC, #0D81A1, #9D3E5B, #5B4200, #00191A)
• Frosted Raspberry color palette (#FFF1F2, #AF6191, #813C68, #693B00, #12352A)
• Tempered Lagoon color palette (#EFDFEC, #4C6AC5, #442931, #281A25, #081415)
• Tempered Grove color palette (#ECF9F3, #5DA4C5, #AF5D6F, #7D5B00, #242F19)
• Hushed Petrol Veranda color palette (#EFF7F4, #E1D4D0, #CBB7B4, #407C9D, #3D4B46)
• Petrol Basin color palette (#FBF5E1, #47A7B9, #67609F, #515100, #1E463A)

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