Tempered Cobalt color palette — #E8F1EA · #A6C8E8 · #5A86CF · #006880 · #22275A

Azure and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E8F1EA): a clean, paper-quiet neutral.
• Sky (#A6C8E8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Azure (#5A86CF): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#006880): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#22275A): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Cerulean Garden color palette (#E8F2E9, #91D1D7, #0096B3, #006E5E, #003248)
• Iris Cabin color palette (#FDF4E6, #D0E9FF, #6191E1, #00667D, #151941)
• Worn Cerulean color palette (#DEEDFF, #CCD1FF, #C898E2, #008CBC, #233350)
• Ultramarine Cabin color palette (#F6EBEF, #94B5D3, #485BC8, #004F50, #34244B)
• Powdered Periwinkle Veranda color palette (#F9ECDF, #AAD9FF, #859DFD, #009091, #33254B)
• Azure Archive color palette (#F0F8F1, #B6E3F8, #00AADC, #00837C, #00446B)
• Softworn Azure color palette (#D3F5FF, #00ABE3, #007DBB, #00559F, #1C2B6C)
• Wandering Denim color palette (#D8E6DB, #55A0A6, #006376, #003C32, #000B13)

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