Tempered Azure color palette — #E8DEE4 · #7CCEE3 · #3B99E0 · #008062 · #13164C

Cornflower and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#E8DEE4): bright and airy, almost weightless.
• Sky (#7CCEE3): A luminous, balanced blue — the color of open sky before noon.
• Cornflower (#3B99E0): A luminous, balanced blue — the color of deep harbor water.
• Teal (#008062): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#13164C): 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 Azure 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

• Tempered Pine Terrace color palette (#EAE1EC, #81D0CA, #00A3C1, #338028, #00213A)
• Worn Cornflower color palette (#F6E0E8, #7EB8DD, #507BEB, #006D69, #19003C)
• Lagoon Ridge color palette (#F5EBEF, #A8DBF8, #81A4E3, #009287, #2F2455)
• Antique Basin color palette (#EFE9E0, #7DBCCF, #007FAD, #005958, #00213C)
• Tempered Emerald color palette (#FEF0FF, #98EBE6, #00BDE3, #249F25, #00355B)
• Denim Bloom color palette (#E7DDD7, #4FAAC2, #005C95, #003B2C, #050428)
• Peony Meadow color palette (#F7D9ED, #DD43B9, #009886, #007889, #25001D)
• Teal Cabin color palette (#FCF2F7, #D6DFF7, #A1BFEB, #56A99B, #3E4662)

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