Tempered Cobalt color palette — #B4F2EA · #3ABBD9 · #0086D0 · #365A99 · #41476A

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

The five colors

• Sea Foam (#B4F2EA): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#3ABBD9): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0086D0): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#365A99): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#41476A): A full-bodied, dusty violet — the color of wild irises.

Feels like: Trust, Stability, 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

• Sky Archive color palette (#AFF5F8, #81DBFA, #60B3EA, #678CC5, #414770)
• Powdered Azure color palette (#C3F3FF, #5BCFFF, #369FE0, #416C9A, #374B68)
• Washed Loft color palette (#BBEFEE, #52C6B2, #008892, #006187, #37496B)
• Antique Iris Ridge color palette (#EAF7FF, #84B8E7, #757FCF, #6A5E94, #504B65)
• Pale Field color palette (#EFF6FF, #97B4F1, #486EC8, #203F7E, #172F52)
• Amber Study color palette (#EFF6FF, #829FDA, #CA6D3A, #4061AF, #5D3824)
• Frosted Courtyard color palette (#CDEBF1, #00A3DD, #0046EF, #5300B0, #472164)
• Cerulean Courtyard color palette (#EBF7FF, #0096C2, #917900, #47702B, #233B4A)

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