Tempered Cobalt color palette — #F2F5FB · #DAD8DF · #B8A7AA · #6D80B1 · #4E535B

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

The five colors

• Ivory (#F2F5FB): bright and airy, almost weightless.
• Silver (#DAD8DF): bright and airy, almost weightless.
• Ash (#B8A7AA): A luminous, dusty red — the color of a theater curtain.
• Slate Blue (#6D80B1): A luminous, dusty violet — the color of a velvet chair.
• Charcoal Brown (#4E535B): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Worn Cerulean color palette (#EEF2F8, #D8D5DD, #BEACB3, #6C84AB, #31373E)
• Softworn Chestnut color palette (#FFF0FB, #AAA0CD, #886A92, #82463E, #44465A)
• Weathered Pewter color palette (#F5F3FF, #CDC6D9, #9A8AA1, #856874, #405342)
• Dusty Atelier color palette (#F2F5FE, #DDD6E2, #B9B8D8, #6B55BD, #3A3F51)
• Hushed Dune color palette (#ECF8F5, #A3CAC3, #5C8B87, #3F6D7E, #35544F)
• Worn Aubergine Alley color palette (#EAEDF4, #9699A4, #6B6E87, #22007F, #040819)
• Timeworn Garnet color palette (#EBE6F0, #ADA6B2, #8D7692, #650049, #190E24)
• Timeworn Courtyard color palette (#EDEEF5, #CBCAD8, #A19CB7, #623D96, #2A2C41)

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