Tempered Cobalt color palette — #EFF6FE · #D5DDF8 · #D6AED8 · #087BCD · #233546

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

The five colors

• Ivory (#EFF6FE): a clean, paper-quiet neutral.
• Powder Blue (#D5DDF8): A whisper-light, dusty violet — the color of a velvet chair.
• Carnation (#D6AED8): A luminous, dusty pink — the color of a candy shop window.
• Azure (#087BCD): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#233546): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Creativity, 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

• Weathered Iris Harbor color palette (#F2F5FD, #E4D6E5, #E0B5CB, #7B7BD0, #383F52)
• Wandering Lagoon color palette (#E9F8FE, #C9E2F7, #ADBDE4, #008891, #1D3740)
• Muted Basin color palette (#FCF1FC, #E8D6D7, #B2AE9E, #1B7BE9, #2F1E2F)
• Worn Denim Market color palette (#FEF0FD, #E6C9DB, #AC9EC9, #1E56AB, #3E2B3E)
• Tempered Atelier color palette (#E0DFE7, #CABFD1, #B79BB0, #7B488E, #1F1D2B)
• Plum Parlor color palette (#CBEFFD, #009EAD, #C0005B, #005639, #002C1F)
• Ancient Amethyst Summit color palette (#D9DFF1, #704EFF, #54204F, #181537, #000814)
• Worn Nightshade color palette (#DFE2E8, #A3A2B6, #907EA0, #2C3599, #050913)

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