Tempered Cobalt color palette — #EFF6FF · #D1DDFF · #BBB9E0 · #3078CB · #283442

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Powder Blue (#D1DDFF): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#BBB9E0): A luminous, dusty violet — the color of wild irises.
• Azure (#3078CB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#283442): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Worn Lagoon Pier color palette (#E8F8FF, #C6E2F8, #AABEE7, #008794, #1D3740)
• Dusty Veranda color palette (#EDEEF6, #D9D4E9, #C1B0CA, #78669F, #2B2D3A)
• Dusty Denim color palette (#EEF6FF, #CDD2E4, #A9A2BE, #005BA5, #263444)
• Tempered Cornflower color palette (#FCF1FC, #E8D5D7, #DCACA1, #1876FA, #301D30)
• Antique Navy color palette (#E3E8F1, #A1A2BA, #8B7FA1, #373E7B, #050914)
• Misty Study color palette (#D6EBFF, #0091EE, #C10055, #3A5100, #002D0E)
• Hazy Amethyst Workshop color palette (#E4E4F2, #744CFF, #4E2455, #111835, #020811)
• Timeworn Mulberry color palette (#EDE7F4, #BEAEBF, #AB8A9F, #7F3065, #180F22)

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