Tempered Cobalt color palette — #FFF1F6 · #A4CAE6 · #497AB9 · #005F61 · #32365F

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sky (#A4CAE6): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#497AB9): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005F61): A full-bodied, dusty teal — the color of sea glass.
• Navy (#32365F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Tempered Garden color palette (#FDF1F9, #A5CDD7, #1B869A, #19623D, #113F58)
• Timeworn Hollow color palette (#F0F3E9, #B2CFC3, #4682AE, #00586D, #002141)
• Tempered Cypress Study color palette (#FBF3F6, #D8DFF0, #7F9CBC, #327C7B, #46526C)
• Patina Quarry color palette (#E6DBE4, #34A0AD, #00516C, #003125, #00142B)
• Chalky Workshop color palette (#F2DBF8, #C2496D, #007E6E, #0A5F76, #37223C)
• Dusty Terrace color palette (#EBD9DF, #4C87AF, #0C3583, #002225, #090029)
• Nightshade Grove color palette (#E9D9DE, #81A2C2, #324FA8, #003D45, #1F1544)
• Patina Periwinkle Parlor color palette (#FAF4EF, #C1EBDA, #7DB4FE, #009FA4, #4D2F44)

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