Tempered Cobalt color palette — #FAF0E4 · #A4CCF0 · #5C78C2 · #005A65 · #201A3D

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

The five colors

• Cream (#FAF0E4): a clean, paper-quiet neutral.
• Sky (#A4CCF0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#5C78C2): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005A65): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Indigo (#201A3D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Ancient Cobalt color palette (#FEF1F5, #ADC8E3, #6674B1, #005F61, #413256)
• Antique Alley color palette (#FDEEE8, #8BD6DE, #3686A4, #0D5D47, #03223C)
• Cobalt Corridor color palette (#FDEFE4, #4FCAFE, #0072CD, #005151, #0E094F)
• Timeworn Lantern color palette (#F9EFEB, #C3E7CC, #4B98BA, #316A5A, #372439)
• Periwinkle Balcony color palette (#EFF8F1, #BCD8F3, #7095D9, #007894, #32365E)
• Cerulean Chapel color palette (#EEDDD3, #0099B8, #004E77, #002C27, #000219)
• Moss Quarry color palette (#ECEBD3, #71A315, #9862AE, #406100, #2A0C35)
• Soft Grape color palette (#E5E5D0, #6FA026, #713EA5, #7C456F, #161500)

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