Tempered Cobalt color palette — #FAF2F8 · #FBBFC7 · #6C79B2 · #5C4456 · #30292E

Built around Slate, softened by Ballet Pink — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Ballet Pink (#FBBFC7): A whisper-light, dusty red — the color of embers at dusk.
• Slate (#6C79B2): A full-bodied, balanced violet — the color of wild irises.
• Charcoal Brown (#5C4456): A full-bodied, dusty pink — the color of peonies in June.
• Onyx (#30292E): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged luxury, dark, 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

• Antique Cerulean color palette (#FAF2F9, #CDE0CE, #7585AD, #543E50, #21181F)
• Muted Plum Meadow color palette (#FFF1F1, #F1B598, #9E567D, #5A3449, #2D1D1C)
• Aged Cerulean color palette (#F0F7F2, #D2D5AA, #2C8B9F, #375543, #242E28)
• Washed Garden color palette (#FAF3F6, #D6C7FF, #C87EB9, #947DC7, #382A2B)
• Stone Terrace color palette (#FCF1FA, #CDC188, #4C5C88, #433240, #2B2123)
• Muted Atelier color palette (#F1F5FD, #C5E9CC, #8D9FC0, #606D85, #272B34)
• Powdered Wisteria Summit color palette (#FFF1F4, #E4BEE4, #C87FB5, #9B5C7C, #6E3149)
• Feathered Grape Bloom color palette (#FFF1F6, #FF9B93, #7E42C3, #442C64, #26141C)

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