Tempered Cobalt color palette — #AAF4E4 · #3EC8E0 · #0089D8 · #4D47A3 · #500E58

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

The five colors

• Sea Foam (#AAF4E4): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#3EC8E0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Azure (#0089D8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Indigo (#4D47A3): A full-bodied, balanced violet — the color of a velvet chair.
• Royal Purple (#500E58): A deep, shadowed, balanced pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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 Alley color palette (#D1EAE8, #4EC1F3, #5B78E3, #643B94, #570040)
• Frosted Parlor color palette (#D4FFFD, #80DDFF, #5996DE, #4A47A3, #36005B)
• Worn Denim Study color palette (#DBF1DA, #56C5AC, #0091AA, #0057A8, #33176C)
• Pale Meadow color palette (#B1F0FF, #14ACE3, #156AB6, #2B3D84, #371C6F)
• Ultramarine Atelier color palette (#CFEAE7, #00A1C7, #005CD0, #470089, #280023)
• Timeworn Canyon color palette (#BCE7FF, #87C5F9, #6AA4EA, #5074C4, #20247C)
• Wandering Grape Chapel color palette (#D8ECEF, #008ACD, #5203E6, #4A0066, #19000A)
• Antique Boulevard color palette (#D3E6E0, #0086D3, #413863, #0D2721, #071009)

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