Tempered Cobalt color palette — #E8F8FF · #70B9DC · #4486CC · #526595 · #434B65

Cerulean and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E8F8FF): bright and airy, almost weightless.
• Cyan (#70B9DC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#4486CC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#526595): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal Brown (#434B65): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged muted, cool.

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

• Ancient Powder Study color palette (#DCF0FF, #86CBFF, #70A5DB, #5C789E, #404F66)
• Cobalt Terrace color palette (#EFF6FF, #93B2DF, #BF8E51, #4D73AC, #40533E)
• Wandering Cerulean color palette (#D0F9F9, #6FC0B0, #009AA3, #227088, #395266)
• Weathered Coast color palette (#EFF6FF, #A7ADEA, #9071C5, #745284, #5E485B)
• Antique Lantern color palette (#EEF6FF, #DDD9E3, #F8BDCA, #649BAC, #454D5C)
• Timeworn Terrace color palette (#EEF6FF, #699DCF, #B9793B, #747C49, #374451)
• Linen Sapphire color palette (#DAF2FF, #469BFF, #3559FF, #5E31B5, #56326C)
• Driftwood Canyon color palette (#FEF1F9, #D0ADB9, #A7725C, #6F5270, #3B4D40)

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