Tempered Cobalt color palette — #EFF4E7 · #A3CDEF · #547FAF · #005774 · #2F152E

Built around Slate, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Cream (#EFF4E7): bright and airy, almost weightless.
• Sky (#A3CDEF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#547FAF): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005774): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#2F152E): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Weathered Canyon color palette (#F1F3E9, #92D2EC, #1686B6, #005966, #00271E)
• Timeworn Periwinkle color palette (#FAF4ED, #D9D4E0, #84A5E7, #167D87, #422136)
• Dusty Cerulean color palette (#E9ECDA, #3998AE, #005168, #002B2F, #00050A)
• Patina Canyon color palette (#E0E8D4, #3B7CBC, #003681, #001D2D, #00000C)
• Frosted Delta color palette (#F5DAD2, #DB2C52, #8F6600, #6F458D, #270903)
• Tempered Apricot Field color palette (#FFEEE8, #FFD1C5, #E6A379, #995E6A, #351C10)
• Antique Amber Cabin color palette (#F1DDC3, #B59347, #815D1F, #533718, #211600)
• Peony Lantern color palette (#FAE3F0, #E965A6, #AE3665, #702038, #380F16)

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