Tempered Cobalt color palette — #F2E4EC · #80A6BD · #1678C1 · #005E59 · #02002E

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

The five colors

• Blush (#F2E4EC): bright and airy, almost weightless.
• Blue Fog (#80A6BD): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#1678C1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005E59): A full-bodied, dusty teal — the color of glacier melt.
• Ink (#02002E): A deep, shadowed, balanced violet — the color of wild irises.

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

• Antique Harbor color palette (#EADDE6, #6FADAE, #00819C, #00603F, #000A15)
• Soft Cornflower Corridor color palette (#F4E4EC, #78BADB, #0C82EE, #006D6D, #0C0244)
• Worn Denim Delta color palette (#E3E6DB, #659BB0, #006084, #003A43, #000A15)
• Airy Thicket color palette (#F2E4EE, #98C8DC, #009FD5, #007F68, #001F42)
• Cerulean Drift color palette (#F4E5DC, #0085A7, #003E68, #001F1D, #00000C)
• Muted Lagoon color palette (#D1EBE6, #00A392, #007366, #003F3A, #000202)
• Antique Olive color palette (#CCF1F4, #61BCCA, #44A0F4, #338000, #001414)
• Gentle Periwinkle color palette (#F6EBEF, #BBD6F2, #7F9EFF, #008EA1, #2F215A)

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