Tempered Cobalt color palette — #E7F9FB · #86E5CC · #1F92D5 · #008A73 · #00060F

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

The five colors

• Ivory (#E7F9FB): bright and airy, almost weightless.
• Lagoon (#86E5CC): A whisper-light, balanced teal — the color of sea glass.
• Cerulean (#1F92D5): A luminous, balanced blue — the color of open sky before noon.
• Fern (#008A73): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#00060F): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Frosted Pine color palette (#E8FAF7, #ACE0A8, #009CA9, #3D8A3B, #00070B)
• Iris Harbor color palette (#E9F8FF, #71E4F3, #767DE3, #008693, #010417)
• Lagoon Delta color palette (#EBF8FC, #A7F6F7, #8C99DD, #009DA0, #0B1221)
• Powdered Aubergine color palette (#D9EEF7, #00A0B1, #5320B5, #00444C, #010008)
• Dusty Jade color palette (#EBF8F8, #8FDFAF, #7B9CFF, #00B26C, #0E182A)
• Aubergine Loft color palette (#D2E3F1, #0082C2, #560181, #002E49, #010009)
• Worn Coast color palette (#E3FAFD, #00A494, #9355A8, #7B1E05, #00130C)
• Cobalt Studio color palette (#E4FDE8, #4ACBD6, #2A85C2, #83313F, #002535)

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