Tempered Cobalt color palette — #E9EFF7 · #D0D8E7 · #B0B7CB · #446EC3 · #252E3B

Royal Blue and Ash set the tone — five colors that lean into creativity and sophistication.

The five colors

• Frost (#E9EFF7): a clean, paper-quiet neutral.
• Silver (#D0D8E7): A whisper-light, dusty violet — the color of wild irises.
• Ash (#B0B7CB): A luminous, dusty violet — the color of a velvet chair.
• Royal Blue (#446EC3): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#252E3B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Cobalt Ridge color palette (#FCF1FA, #E8D6D8, #D7B9BA, #5C75AB, #241B23)
• Patina Byzantium Ridge color palette (#EEEEF6, #D8D5E3, #BAB3CB, #9050B5, #2D2C3A)
• Patina Pier color palette (#E9EFF6, #C5CCDE, #9F9DB6, #17539D, #272E37)
• Ancient Harbor color palette (#F3F5FB, #DCD8DE, #CABDCB, #9484C0, #454752)
• Inked Boulevard color palette (#DCE0F1, #7353DA, #3A2A4E, #160E32, #02040C)
• Dusty Drift color palette (#DAE1F2, #7576E7, #953888, #81020C, #002238)
• Grape Canyon color palette (#E1E1E8, #B4B2C2, #988FB0, #7212AB, #121124)
• Ancient Pine Station color palette (#D7E9E3, #94AE85, #3F8341, #006266, #1B2F0C)

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