Tempered Cobalt color palette — #F0E5DD · #51ADCE · #0079C3 · #005E58 · #020427

A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.

The five colors

• Parchment (#F0E5DD): a clean, paper-quiet neutral.
• Cyan (#51ADCE): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0079C3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005E58): A full-bodied, dusty teal — the color of sea glass.
• Ink (#020427): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Worn Teal color palette (#F0E2DB, #2DB6B2, #008297, #006137, #000B14)
• Softworn Denim color palette (#DFF2F0, #549DB9, #006085, #003A43, #000A16)
• Pale Azure color palette (#F4E1D8, #7CCFDC, #009FD2, #008066, #002040)
• Timeworn Abyss Courtyard color palette (#E6EEE7, #478197, #004061, #001F21, #000105)
• Fuchsia Atelier color palette (#F9D6E9, #DA86E9, #DC6A7A, #446FA6, #1B010D)
• Periwinkle Grove color palette (#F6EDE3, #ADD9FF, #7EA0FA, #008E9F, #2D2553)
• Patina Harbor color palette (#FFF2EC, #AEEEEF, #45C3E4, #539D79, #173E58)
• Ancient Terrace color palette (#DDDBF5, #7438F8, #726800, #3B6600, #02000C)

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