Tempered Cobalt color palette — #FCF2F6 · #A2D5F9 · #5E7BC9 · #006764 · #463073

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

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Powder Blue (#A2D5F9): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#5E7BC9): A full-bodied, balanced violet — the color of wild irises.
• Pine (#006764): A full-bodied, dusty teal — the color of sea glass.
• Royal Purple (#463073): A deep, shadowed, balanced 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

• Cobalt Villa color palette (#FCF1FA, #A6D7EA, #008ABF, #006A42, #243D71)
• Dusty Sapphire color palette (#FEF1F6, #8ABEE9, #5160CE, #005557, #42136E)
• Hazy Harbor color palette (#F9F1E3, #9FD8FD, #0382EE, #00606F, #14214C)
• Timeworn Delta color palette (#F8F3F8, #D4D6ED, #69A2BA, #417E50, #425469)
• Pale Pier color palette (#F2F5FF, #FDD3D4, #FEA27F, #3175CF, #5C3C62)
• Hushed Coast color palette (#F2E6F1, #59889B, #004160, #002415, #01002F)
• Wisteria Terrace color palette (#EBE8FF, #BE69D8, #5A6900, #005D28, #40214A)
• Hushed Drift color palette (#FDF3EA, #C9EAFF, #93B5FF, #00A69F, #423860)

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