Tempered Cobalt color palette — #ECF7FF · #9ABFF0 · #667ACC · #5F578E · #58455C

Periwinkle and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Sky (#9ABFF0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Periwinkle (#667ACC): A luminous, balanced violet — the color of a velvet chair.
• Slate (#5F578E): A full-bodied, balanced violet — the color of wild irises.
• Charcoal Brown (#58455C): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Balance. Tagged 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

• Aged Cobalt Balcony color palette (#FEDBFC, #9DBCFF, #6F7EBF, #585B83, #49313E)
• Wandering Periwinkle color palette (#EFF6FF, #A5C2FF, #8A9DDE, #6D719C, #454C64)
• Dusty Basin color palette (#DAF9FF, #67C3D0, #008EBB, #32658F, #4D4B65)
• Patina Amber Terrace color palette (#F2F5FF, #ADA9DC, #B5934A, #7068A9, #3B5441)
• Lilac Hollow color palette (#EEF3FF, #BB9FDC, #A871B5, #875171, #664959)
• Aged Shell color palette (#F1F5FF, #DFD8E1, #FEBED6, #6A8AA9, #494B5C)
• Bronze Quarry color palette (#F1F5FF, #8891D8, #A3862B, #64814D, #3B4252)
• Byzantium Hollow color palette (#E4EEFD, #8899FF, #8B37F9, #712293, #5E2659)

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