Tempered Azure color palette — #F0E5DD · #83CCE7 · #0898F0 · #007E76 · #0C194B

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

The five colors

• Parchment (#F0E5DD): a clean, paper-quiet neutral.
• Sky (#83CCE7): A luminous, balanced blue — the color of deep harbor water.
• Azure (#0898F0): A luminous, vivid blue — the color of open sky before noon.
• Teal (#007E76): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#0C194B): A deep, shadowed, balanced violet — the color of wild irises.

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

• Softworn Pine color palette (#F1E6E1, #8CCDCE, #00A2C2, #008155, #002237)
• Pale Station color palette (#E7DDD2, #81B6E4, #4C75FE, #006B78, #150638)
• Linen Periwinkle Canyon color palette (#F4EDE6, #AFDFCF, #71A2FF, #008F9A, #2A284E)
• Softworn Cobalt Coast color palette (#E7F2F1, #6BBDDF, #007EAF, #005765, #002138)
• Hazy Orchard color palette (#FFF2EC, #6CF1F4, #00BDE3, #009D68, #003755)
• Ancient Denim Bloom color palette (#DCE6DE, #67A6BF, #005E8C, #00393C, #000A1E)
• Tempered Moss Atelier color palette (#D3E5C4, #4DE1EE, #7EB6FF, #6C942F, #00302A)
• Washed Balcony color palette (#C9EFEB, #00C3B3, #00978B, #005E4F, #000F0E)

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