Tempered Cobalt color palette — #F0F5FF · #DBD8E2 · #C2A5A9 · #6078CC · #1A2537

Periwinkle takes the lead with Midnight close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Silver (#DBD8E2): bright and airy, almost weightless.
• Rosewood Mist (#C2A5A9): A luminous, dusty red — the color of a theater curtain.
• Periwinkle (#6078CC): A full-bodied, balanced violet — the color of wild irises.
• Midnight (#1A2537): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Ancient Violet Ridge color palette (#F4F4FF, #DFD6DF, #CCBAC9, #8E61A5, #1D1C2E)
• Antique Lagoon color palette (#EFF6FF, #DED6E8, #CFB7D0, #6093FF, #24334A)
• Ultramarine Lantern color palette (#FEF1FA, #E5C9DA, #C09AAD, #354BBE, #3D2D39)
• Tempered Orchard color palette (#EBEDF8, #B7B9CB, #908EAD, #412381, #010007)
• Magenta Quarry color palette (#F2F5FF, #DFD6EE, #C6B7FF, #CD62FF, #26054C)
• Antique Chestnut color palette (#F9F2FF, #F0B2F3, #BF71A0, #924616, #422500)
• Byzantium Meadow color palette (#FFF2F0, #AE96FF, #A135CA, #88010F, #22033F)
• Plum Orchard color palette (#F2F5FF, #A07FFF, #BB0085, #702000, #00122B)

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