Tempered Azure color palette — #F9F3F7 · #D6E0F2 · #68A0C7 · #327D72 · #475365

Built around Blue Fog, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Frost (#D6E0F2): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#68A0C7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#327D72): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#475365): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Ancient Ash Loft color palette (#F1F3EB, #BDEAE6, #6CA5BD, #3A767C, #253C33)
• Dusty Powder color palette (#EDF8F6, #D4DDEC, #83BAD3, #658D9C, #405566)
• Lilac Terrace color palette (#E8F9FB, #7CBFAF, #AC84D1, #248472, #4A4A65)
• Denim Lagoon color palette (#EDDEE9, #64ABBA, #005F85, #003F34, #001D46)
• Dusty Navy color palette (#F7E6EE, #438AA8, #003D6F, #002221, #04002D)
• Tempered Cerulean color palette (#FBF2F8, #A5CCDA, #0085A7, #006247, #213D56)
• Ancient Courtyard color palette (#FFF1F6, #A3D5F8, #3779ED, #00656C, #3A386C)
• Sunlit Sapphire color palette (#FFF1F5, #89BEEA, #2C52FF, #00545E, #332664)

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