Tempered Cobalt color palette — #FCEDF3 · #98CFF4 · #4F7BC3 · #005A60 · #171F38

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

The five colors

• Blush (#FCEDF3): bright and airy, almost weightless.
• Sky (#98CFF4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#4F7BC3): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005A60): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#171F38): 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

• Antique Cerulean Meadow color palette (#F9EEF6, #99D4D4, #008AA5, #0D5E3D, #002338)
• Cobalt Lagoon color palette (#FBF4EE, #ACCEC1, #5875BA, #00605C, #3D335B)
• Ancient Mallow Station color palette (#E7F4FF, #D3D9FF, #D2A2CE, #29777E, #122336)
• Muted Periwinkle Veranda color palette (#F3F7E9, #DAD6E1, #65ACEF, #297996, #3D233E)
• Antique Cerulean Cabin color palette (#F1E0ED, #0E9AB0, #005070, #002D24, #000411)
• Soft Azure Station color palette (#D3EAFC, #2896DC, #8C4800, #525C10, #001528)
• Gentle Cerulean Parlor color palette (#D2F2F4, #00A0BD, #006A9B, #19427B, #1C2044)
• Gentle Azure Cabin color palette (#D7ECFF, #009AE4, #AC6B00, #005B88, #2B1700)

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