Tempered Azure color palette — #FAF4EF · #CAE8E6 · #6E9FC8 · #367C75 · #5F4B5C

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

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Silver (#CAE8E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#6E9FC8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#367C75): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#5F4B5C): A full-bodied, dusty pink — the color of a candy shop window.

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

• Washed Cerulean Cabin color palette (#E3F6DC, #77CACB, #009ABF, #396D91, #604A60)
• Coral Field color palette (#EBF9F3, #7EB8DC, #DA7970, #2D7BA4, #534B48)
• Patina Ash color palette (#EAF4F3, #D1DBEF, #71A4BE, #447285, #283846)
• Washed Powder Basin color palette (#F4F6EE, #C1EDEB, #82BAD7, #6F8F79, #415851)
• Antique Amber Field color palette (#E6FBEE, #56A4B9, #C56D5E, #867540, #36473D)
• Muted Summit color palette (#DEFDF2, #A3D4F4, #358BBE, #1C5579, #0C3E33)
• Timeworn Cerulean Thicket color palette (#FFF2ED, #ADCFB5, #0F83AB, #00624C, #48314B)
• Tempered Alley color palette (#EBDCD4, #6BA9BB, #005D8B, #003F37, #041B4A)

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