Tempered Cobalt color palette — #EBD9ED · #1F7ED2 · #7F2E00 · #003A6A · #320D00

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

The five colors

• Thistle (#EBD9ED): A whisper-light, dusty pink — the color of a candy shop window.
• Azure (#1F7ED2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#7F2E00): A full-bodied, balanced orange — the color of autumn markets.
• Navy (#003A6A): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#320D00): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Faded Delta color palette (#D6F1E6, #0075A8, #A80037, #003E5B, #39000D)
• Dusty Nightshade Archive color palette (#E9DCE6, #4B5BDB, #8B4100, #2300A8, #2E1100)
• Sapphire Studio color palette (#F5E0F3, #2661E1, #536100, #00239C, #181E00)
• Chalky Mulberry Field color palette (#D4E4F3, #0071AE, #951575, #00395C, #15000E)
• Cocoa Pier color palette (#C2E8DA, #00618D, #7A3900, #4A3B00, #001421)
• Pale Nightshade Harbor color palette (#FCD8F0, #6E6DFE, #8C6B00, #4200D6, #3B2B00)
• Timeworn Amber Loft color palette (#EAF9F4, #5DA6E2, #A78500, #006AA9, #46423B)
• Chalky Quarry color palette (#CDF0E5, #008CDE, #C41E98, #00568C, #350026)

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