Tempered Cobalt color palette — #ECF4EE · #AFCBE2 · #2E7FCC · #005966 · #111E40
Azure and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#ECF4EE): a clean, paper-quiet neutral.
- Lilac Frost (#AFCBE2): A whisper-light, dusty blue — the color of open sky before noon.
- Azure (#2E7FCC): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005966): A full-bodied, dusty blue — the color of open sky before noon.
- Midnight (#111E40): A deep, shadowed, dusty violet — the color of wild irises.
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
- Patina Cerulean color palette (#EDF4EE, #A4D0DC, #008C9C, #005E47, #002435)
- Washed Cobalt color palette (#FEF3EA, #9DCCE8, #5577B7, #006059, #3B345A)
- Timeworn Cabin color palette (#E8F3FF, #D8D3F3, #C1A8ED, #257893, #182940)
- Aged Cerulean Lagoon color palette (#CCE8EC, #00A2C1, #006D91, #004571, #061F40)
- Tempered Grove color palette (#E3EFE5, #239AAB, #005168, #002C27, #00050B)
- Timeworn Navy Grove color palette (#DFECE1, #3E7FAD, #00387C, #001E26, #00000C)
- Chalky Plum Boulevard color palette (#E1F0FF, #1881CC, #B43E5F, #4A660F, #031527)
- Soft Ultramarine color palette (#E2EFFF, #71AAE9, #0063BD, #00376A, #000B1E)
Browse the whole catalog at Explore, or see today's palette.