Tempered Cobalt color palette — #FFECF3 · #9CD8FF · #5582CB · #006166 · #1F1E49

Azure and Powder Blue set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FFECF3): A whisper-light, dusty rose — the color of a warm blush.
• Powder Blue (#9CD8FF): A whisper-light, balanced blue — the color of deep harbor water.
• Azure (#5582CB): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006166): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#1F1E49): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Cornflower Veranda color palette (#FFF3E8, #9ED6FA, #527AD8, #006762, #43346C)
• Cerulean Corridor color palette (#F7EFF5, #98D4D6, #008AA7, #1D5C42, #002339)
• Weathered Sapphire color palette (#FFECF2, #76C3FF, #426AD0, #005059, #1B044C)
• Hazy Periwinkle color palette (#FEF4E4, #B6E1FF, #639FE3, #008093, #2A3C72)
• Antique Villa color palette (#EEDBE3, #2F95C2, #00488C, #002C2C, #02001C)
• Hushed Courtyard color palette (#EDDFEA, #008894, #004257, #002017, #000104)
• Airy Raspberry Alley color palette (#FFDAE0, #ED066A, #008878, #00706F, #310412)
• Weathered Summit color palette (#FFECF1, #ECD4BB, #DFAF3E, #895694, #3A1F39)

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