Tempered Azure color palette — #F8F5EF · #C5EBED · #6B9ECF · #357A85 · #5F4B5C

Blue Fog takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Frost (#C5EBED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#6B9ECF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#357A85): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#5F4B5C): A full-bodied, dusty pink — the color of a candy shop window.

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

• Turquoise Courtyard color palette (#F8F5EF, #CAE6DD, #5EA6B0, #447B66, #365143)
• Muted Thicket color palette (#EBF9F3, #76B8E3, #CA8844, #337AA4, #524C46)
• Dusty Coast color palette (#FBF2F6, #D9D4E4, #9AB2DB, #5E8F99, #4C5167)
• Muted Peony color palette (#E5FBF4, #689ECA, #C46980, #6B7E4A, #334741)
• Cobalt Harbor color palette (#DCFEF5, #A5CEF7, #4E86BD, #2B567E, #49304C)
• Washed Petrol Station color palette (#F3EEE5, #6FC0CB, #00748F, #005147, #00324A)
• Hushed Garden color palette (#FDF4E6, #86E0E0, #008FA2, #006952, #00475C)
• Softworn Loft color palette (#EDE3D5, #31A29E, #00545C, #003122, #00171F)

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