Tempered Cobalt color palette — #89FBFF · #00BDF4 · #0078DD · #3B3E8F · #241241

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

The five colors

• Sea Foam (#89FBFF): A whisper-light, balanced teal — the color of sea glass.
• Cyan (#00BDF4): A luminous, balanced blue — the color of open sky before noon.
• Azure (#0078DD): A full-bodied, vivid blue — the color of deep harbor water.
• Indigo (#3B3E8F): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Indigo (#241241): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Navy Workshop color palette (#A0FFF8, #00C5DF, #008BB6, #1F3E8B, #191647)
• Gentle Cornflower Orchard color palette (#CAE8FC, #32AFFC, #008DE9, #1663B9, #122964)
• Faded Indigo Canyon color palette (#CCEDFF, #84B4FF, #6E58E0, #662C84, #300731)
• Iris Terrace color palette (#E1F9FF, #85CCFF, #5A8FF5, #574F98, #332042)
• Softworn Cobalt color palette (#DDF2FF, #218ED1, #005698, #002D68, #01093F)
• Soft Lapis Alley color palette (#CAE6F0, #0497EF, #4A50E5, #4A187F, #150015)
• Powdered Nightshade color palette (#D8EAED, #0093BD, #0063A9, #0919AA, #271F59)
• Misty Alley color palette (#D8FFF4, #78BFFF, #AE8700, #005F9D, #201700)

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