Tempered Cobalt color palette — #FAEFE8 · #A2D9F1 · #0087DF · #00625F · #172149

A conversation between Azure and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#FAEFE8): bright and airy, almost weightless.
• Powder Blue (#A2D9F1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#0087DF): A luminous, vivid blue — the color of open sky before noon.
• Peacock (#00625F): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#172149): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Feathered Basin color palette (#FCEFE5, #77C6EF, #0071D3, #005152, #100E48)
• Hazy Cerulean color palette (#FCEFE8, #84E2E1, #0092AC, #00663D, #00283E)
• Sunlit Cobalt Chapel color palette (#F4F7EC, #91DAFA, #0089C1, #006475, #0D4368)
• Frosted Periwinkle color palette (#FFF0F8, #A8E5FF, #52A1E8, #00837E, #2F3C6A)
• Tempered Harbor color palette (#F6E8E0, #3E96B1, #004D7A, #002C28, #00001F)
• Washed Amber color palette (#FFEEE1, #E67500, #0090B5, #8C4500, #002530)
• Misty Ultramarine color palette (#FFDDC7, #D55500, #00839C, #364ED4, #2D0C00)
• Misty Alley color palette (#FFEFE0, #F49B40, #9F5C00, #593200, #1C0E00)

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