Tempered Cobalt color palette — #F7EFF2 · #B1CBE3 · #5978C5 · #005A64 · #181E3A

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

The five colors

• Cream (#F7EFF2): a clean, paper-quiet neutral.
• Lilac Frost (#B1CBE3): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#5978C5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005A64): A full-bodied, dusty blue — the color of deep harbor water.
• Midnight (#181E3A): A deep, shadowed, dusty violet — the color of wild irises.

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

• Frosted Cobalt color palette (#FCEDF4, #70C8EE, #0074C7, #005250, #0C1047)
• Sunlit Cerulean color palette (#F9EEF6, #86E1E7, #0091B4, #006548, #002742)
• Antique Basin color palette (#F3F7ED, #C1E0F4, #6FA9EF, #0079A3, #1C2D4F)
• Patina Denim color palette (#F9E9F3, #3E97AE, #004F75, #002C26, #000316)
• Byzantium Quarry color palette (#D9EFE8, #8EAF3A, #9449A2, #495E00, #29102E)
• Soft Delta color palette (#CEF1E9, #69A03A, #743E9E, #852255, #001914)
• Aged Bronze Parlor color palette (#DEF9F1, #A3EDCB, #6ECBDB, #7D6F27, #002B28)
• Worn Moss Field color palette (#EEE4CF, #A49300, #5F6D00, #04530F, #002B15)

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