Tempered Cobalt color palette — #F8F1E5 · #A3D4C2 · #587EAC · #005967 · #121D42

Slate takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F8F1E5): bright and airy, almost weightless.
• Pistachio (#A3D4C2): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#587EAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005967): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Midnight (#121D42): 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

• Patina Lagoon Archive color palette (#F8F1E6, #B2D2AE, #008C98, #005E42, #00252F)
• Ancient Cobalt color palette (#FCF2F6, #ADC9DF, #5F77AE, #00605C, #3E3160)
• Patina Denim color palette (#EEE6D8, #4B96A4, #005169, #002C28, #00050B)
• Weathered Azure color palette (#F0F7F1, #B9D9F2, #6B99CE, #00798C, #2C395C)
• Timeworn Jade color palette (#DAF0DF, #40B383, #007766, #004A47, #00282B)
• Cypress Terrace color palette (#E4F9E2, #ADE4DC, #88B2D3, #357A5C, #182D1C)
• Worn Parlor color palette (#F5F1EA, #C7E3E3, #76A89B, #52755B, #422F40)
• Gentle Denim Courtyard color palette (#F4EADB, #75A0CC, #2F53A3, #003747, #07012C)

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