Tempered Cobalt color palette — #EEF6FF · #DBD9E3 · #C6A8A8 · #2882CD · #182634

Azure and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Silver (#DBD9E3): bright and airy, almost weightless.
• Rosewood Mist (#C6A8A8): A luminous, dusty red — the color of late-summer berries.
• Azure (#2882CD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#182634): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Aged Meadow color palette (#F2F5FF, #E0D7E0, #C2B79F, #836FBD, #212334)
• Hushed Azure color palette (#EEF6FE, #DED6EF, #CFB7D2, #27A0F0, #213546)
• Hushed Denim color palette (#EAF4F1, #E1CDD8, #C5A0A7, #005F9B, #041F19)
• Denim Studio color palette (#FBF1FC, #DECCD9, #A7A0CA, #005BA6, #3F2A42)
• Patina Coast color palette (#DEE4ED, #B5B9D3, #948CAC, #243576, #000105)
• Muted Pewter color palette (#F4F4FD, #E5D4E0, #C6B4C8, #78488E, #0C0B17)
• Ash Balcony color palette (#F0F6FD, #DCD9E2, #BDB3AC, #97B0D1, #4A4E53)
• Worn Hollow color palette (#EAEDFF, #6862FF, #3B1A49, #21171D, #02051B)

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