Depuis mars 2024, les couleurs des catégories et du calendrier d’Outlook sur le Web et du « nouvel Outlook » sont devenues pastel. Voici pourquoi, ce que cela change pour vos équipes et des solutions concrètes pour retrouver une lisibilité acceptable.
Pourquoi les couleurs du calendrier / des catégories ont‑elles brusquement changé ?
Contexte — À partir de début mars 2024, Outlook sur le Web (OWA) et le nouvel Outlook pour Windows ont adopté une palette pastel à faible contraste pour les catégories et la coloration des évènements. Ce changement est lié à la modernisation de l’interface sous Fluent et a été déployé côté serveur. Il ne s’agit ni d’un bogue local ni d’un problème de cache : vider le cache, réinstaller l’application ou changer de navigateur n’a aucun effet. Les versions « classiques » d’Outlook pour Windows et macOS conservent, elles, les anciennes couleurs plus vives tant que la nouvelle interface n’y est pas activée.
Conséquence majeure — La faible saturation des nouvelles teintes complique la lecture (repérage des rendez‑vous, différenciation des catégories proches) et pose des problèmes d’accessibilité pour les personnes daltoniennes ou à basse vision. De nombreux retours d’utilisateurs ont été enregistrés sur les canaux officiels (forums et assistance), avec la même conclusion : l’ancienne palette n’est plus proposée et le comportement est conforme au design actuel.
Résumé des impacts par produit
| Produit | Palette depuis mars 2024 | Qui contrôle ? | Peut‑on revenir à l’ancienne palette ? |
|---|---|---|---|
| OWA (Outlook sur le Web) | Pastel, faible contraste | Serveur (Microsoft) | Non. Contournements uniquement. |
| Nouvel Outlook pour Windows | Pastel, faible contraste | Serveur + Client | Non. Aligné sur OWA. |
| Outlook classique Windows/macOS | Ancienne palette plus vive | Client | Oui, tant que la nouvelle UI n’est pas activée. |
| Outlook mobile (iOS/Android) | Tonalités atténuées (badges) | App | Non. Lisibilité variable selon thème clair/sombre. |
Contournements et pistes de solution
| Que faire ? | Efficacité | Commentaires clés |
|---|---|---|
| Utiliser Outlook de bureau (Win/Mac) | ✓ Élevée | Les anciennes couleurs demeurent tant que la mise à jour d’interface n’y est pas activée. |
| Modifier manuellement les catégories | Limité | OWA : Paramètres ▸ Comptes ▸ Catégories ou clic droit ▸ Catégoriser > Gérer les catégories. On peut créer une nouvelle couleur, mais elle restera dans la palette pastel actuelle (voir la doc « Use categories in Outlook », Microsoft Support). |
| Basculer sur un thème ou un profil « Contraste élevé » (Windows/macOS) | Variable | Améliore la lisibilité globale (polices, bordures), mais modifie toute l’interface et pas uniquement les couleurs de catégories. |
| Ajouter une feuille de style personnalisée (extension Stylus/Tampermonkey) | Avancé | Permet de ré‑appliquer vos propres valeurs RGB sur certaines classes CSS d’OWA. Risque de casse après mise à jour. Réservé aux utilisateurs avancés/IT. |
| Revenir au « Classic OWA » | Rare | Le sélecteur n’est plus disponible sur la plupart des locataires. Solution généralement indisponible. |
| Envoyer un retour produit | Important à long terme | Dans OWA : Aide ▸ Commentaires, choisir « Suggestion » et décrire précisément le problème de contraste (voir « How do I give feedback on Microsoft 365 ? », Microsoft Support). |
Pas à pas : ce que vous pouvez faire aujourd’hui
Option A — Rester productif avec Outlook de bureau (Windows/macOS)
- Vérifiez votre édition : Outlook « classique » (Win32/macOS) conserve l’ancienne palette. Si vous utilisez le « nouvel Outlook », vous êtes déjà aligné sur OWA.
- Ouvrez la gestion des catégories : Accueil ▸ Catégoriser ▸ Toutes les catégories… (Windows) ou Édition ▸ Catégories (macOS).
- Attribuez des couleurs vives et renommez les catégories de façon sémantique (« Client – Alerte », « Projet – Urgent », « Temps – Focus »).
- Synchronisation : Les libellés se synchronisent via Exchange Online, mais l’affichage des couleurs reste dépendant du client. Un même rendez‑vous peut donc apparaître vif sur le bureau et pastel sur le Web.
Option B — Rester sur OWA mais maximiser la lisibilité
- Choisissez la nuance la plus contrastée disponible : dans Paramètres ▸ Comptes ▸ Catégories, testez plusieurs teintes et validez sur des évènements réels.
- Activez un thème système plus sombre : en thème sombre, la juxtaposition « badges pastel sur fond sombre » peut améliorer le repérage (effet de bord plus marqué).
- Ajoutez des indices hors‑couleur : préfixez vos catégories d’émoticônes ou d’abréviations (ex. :
🔴 URG,📞 CALL,🟦 PROJ‑A). Cela bénéficie aussi aux personnes daltoniennes.
Option C — Accessibilité : activer le contraste élevé
- Windows 11 : Paramètres ▸ Accessibilité ▸ Contraste > activer et sélectionner un style. Ajustez ensuite la taille du texte et l’épaisseur du curseur.
- macOS : Réglages Système ▸ Accessibilité ▸ Affichage > Augmenter le contraste et Réduire la transparence.
Ces réglages ne modifient pas la palette elle‑même : ils ajoutent des bordures, renforcent la séparation des éléments et améliorent parfois l’opposabilité avec le fond.
Option D — Personnaliser OWA avec Stylus (utilisateurs avancés)
Pour les environnements où la politique sécurité autorise les extensions, une feuille de style personnalisée peut accentuer l’affichage de certaines catégories. Exemple minimaliste :
/* Exemple Stylus — à adapter à votre locataire */
@-moz-document domain("outlook.office.com"), domain("outlook.office365.com") {
/* Renforce la bordure des étiquettes de catégorie (badges) */
.ms-TagItem, .ms-TagItem span, .tagItem-XXXX {
outline: 2px solid rgba(0,0,0,.4);
font-weight: 600;
}
/* Exemple de surcouche pour une catégorie nommée 'URGENT' */
[title*="URGENT"], [aria-label*="URGENT"] {
background: #ff0033 !important;
color: #ffffff !important;
}
/* Accentue le fond des évènements colorés sur la grille du calendrier */
._calendarViewCell .someEventClass, .eventCard-XXXX {
filter: saturate(1.4) contrast(1.15);
}
}
/* Remarque : les classes réelles peuvent changer. Inspectez l'élément avec les outils de développement pour cibler précisément vos sélecteurs. */Avertissement sécurité : testez sur un compte pilote, documentez vos règles, versionnez votre CSS et prévoyez un plan de retrait en cas de régression après une mise à jour d’OWA.
Éléments à surveiller
- La feuille de route Microsoft 365 fait état d’une option « Aucune couleur » (None Category) et d’améliorations de personnalisation annoncées pour fin 2024 / 2025. Cela faciliterait la coexistence de rendez‑vous « neutres » et de catégories saillantes, sans promettre le retour de l’ancienne palette vive.
- Des mises à jour d’accessibilité sont envisagées. Plus le volume de retours utilisateurs est important et circonstancié (exemples, captures annotées, contexte d’usage), plus la priorité peut augmenter.
- Surveillez vos Messages Center et la Roadmap pour les références MC688704 et ID 178204 (catégories/calendrier) : ces identifiants sont mentionnés dans les communications produit au fil des lots de déploiement.
Recommandations express
- Priorisez l’application de bureau quand la différenciation par couleur est critique (équipes support, NOC, planification de ressources).
- Si vous devez rester sur OWA, sélectionnez les teintes les plus opaques de la palette et activez si possible un thème sombre/ou un profil à contraste élevé.
- Documentez vos difficultés via Aide ▸ Commentaires en choisissant « Suggestion » et en mentionnant explicitement les impacts (accessibilité/WCAG, charge cognitive, taux d’erreurs).
- Suivez MC688704 et ID 178204 pour être averti dès qu’un réglage de palette, une option « Aucune couleur » ou une alternative « haute visibilité » est publiée.
Bonnes pratiques de nommage des catégories (au‑delà des couleurs)
- Encodez le sens dans le nom : ajoutez un préfixe court et distinctif (ex. :
🔴 URG,🟢 OK,🔵 INFO). - Standardisez par équipe : limitez‑vous à 6–8 catégories « actives » pour éviter la sur‑ségrégation visuelle.
- Combinez couleur + texte : formez des couples robustes (ex. : « Client — Alerte », « Interne — Atelier », « Temps — Focus »).
- Évaluez la lisibilité réelle : imprimez une capture du calendrier en thème clair et sombre et testez‑la avec des collègues daltoniens (simulateur de protanopie/deutéranopie si besoin).
FAQ
Mes couleurs étaient vives hier et sont pastel aujourd’hui. Est‑ce réversible ?
Non dans OWA et dans le nouvel Outlook. Le changement est contrôlé côté serveur. Les seuls leviers sont des contournements (client de bureau, contraste élevé, feuille de style personnalisée) et le retour produit pour influencer les itérations à venir.
Pourquoi l’affichage diffère entre Outlook de bureau et OWA ?
Les libellés de catégories se synchronisent via Exchange Online, mais l’interprétation visuelle (palette, opacité, remplissage du fond) dépend du client. Vous pouvez donc voir un rendez‑vous « rouge vif » sur le bureau et « rose pâle » sur le Web.
Les agendas partagés et de groupe sont‑ils concernés ?
Oui. La nouvelle palette s’applique aux affichages de calendrier, y compris partagés et Microsoft 365 Group Calendars, car le rendu est produit par OWA/le nouvel Outlook.
Qu’en est‑il d’Outlook mobile ?
Sur iOS/Android, les catégories s’affichent surtout sous forme de badges. Les couleurs restent atténuées, mais la lisibilité dépend beaucoup du thème sombre/clair et de la densité d’informations.
Puis‑je forcer un retour à l’ancienne palette via une stratégie ou le Registre ?
Non pour OWA et le nouvel Outlook (modèle Web). Les paramètres locaux ne remplacent pas le rendu côté service. Les politiques peuvent encadrer les thèmes ou l’accès aux extensions, pas la palette d’OWA.
Comment formuler un bon retour produit ?
Dans Aide ▸ Commentaires, choisissez « Suggestion » et indiquez : profil utilisateur (ex. daltonisme), scénario (ex. planification multi‑équipes), capture annotée, comparatif avant/après, impact (erreurs, temps perdu) et attente (ex. option « palette forte », curseur de saturation).
Atelier accessibilité : viser la conformité WCAG
La palette pastel abaisse souvent le contraste relatif entre la couleur d’arrière‑plan des évènements et la couleur de police. Pour des textes de taille normale, la recommandation WCAG 2.2 est un ratio minimal de 4,5:1 (3:1 pour les gros caractères). Si vous créez des surcouches CSS :
- Utilisez des couleurs de texte #000 ou #fff selon la luminance de fond.
- Ajoutez une bordure ou un contour sombre (
outline) pour détacher les badges du fond. - Limitez les effets (
filter: saturate(),contrast()) à des valeurs modérées pour éviter la déformation des autres éléments UI.
Palette de secours à fort contraste (suggestion)
Si vous devez définir des catégories « lisibles partout », cette palette est un bon point de départ :
| Catégorie | Couleur | Hex | Texte recommandé |
|---|---|---|---|
| Urgent | Rouge intense | #D0021B | Blanc |
| Client | Bleu soutenu | #0052CC | Blanc |
| Projet A | Violet | #6A1B9A | Blanc |
| Projet B | Vert foncé | #2E7D32 | Blanc |
| Temps focus | Orange fort | #EF6C00 | Noir |
| Réunion | Turquoise | #00897B | Blanc |
Astuce : si vous utilisez Stylus, mappez vos noms de catégories à ces teintes pour surligner uniquement ce qui est critique (urgent, client). Les catégories « neutres » restent en pastel pour limiter la charge cognitive.
Plan d’action pour les équipes IT
- Cartographiez l’usage des catégories par métier (support, avant‑vente, production, RH). Relevez les « couleurs vitales ».
- Décidez des clients supportés : autorisez Outlook classique si la lisibilité couleur est un besoin métier identifié.
- Proposez un guide interne « Cartes de couleurs + émojis » pour compenser le pastel côté OWA.
- Évaluez les options d’accessibilité : profils de contraste, tailles de texte, thèmes sombres.
- Testez des surcouches CSS en pilote sur un groupe volontaire, documentez les effets de bord et prévoyez un mécanisme d’activation/désactivation.
- Alimentez régulièrement le feedback (captures, statistiques d’erreurs, verbatims). Mentionnez les identifiants MC688704 et ID 178204 dans vos suivis internes.
Modèles de messages à communiquer aux utilisateurs
Annonce courte (à réutiliser dans Teams/SharePoint) :
Depuis mars 2024, Outlook Web et le « nouvel Outlook » utilisent une palette pastel à faible contraste pour les catégories et le calendrier. Ce changement est global et géré par Microsoft. Pour une meilleure lisibilité, privilégiez Outlook de bureau ou activez un thème à contraste élevé. Pour remonter un besoin, utilisez Aide > Commentaires.
Ce qu’il faut retenir
Le changement est global, contrôlé côté serveur et ne peut pas être annulé localement ; aucune « réinstallation » ou « vidage de cache » ne ramènera l’ancienne palette. Les solutions actuelles se limitent à des contournements (desktop, contrastes élevés, CSS) et à la remontée d’un feedback massif auprès de Microsoft.
Annexe : gabarit CSS prêt à l’emploi (Stylus)
Ce gabarit illustre une approche « renforcement sélectif » — seules quelques catégories critiques sont rendues très visibles pour limiter la surcharge visuelle.
/* Gabarit Stylus — renforcer 3 catégories critiques */
@-moz-document domain("outlook.office.com"), domain("outlook.office365.com") {
/* Fonction utilitaire : texte noir ou blanc selon luminance (pseudo, à adapter si vous utilisez un préprocesseur) */
/* Ici, on choisit manuellement : blanc sur fond sombre, noir sur fond clair */
/* URG — Rouge fort */
[title^="🔴 URG"], [aria-label^="🔴 URG"] {
background-color: #D0021B !important;
color: #FFFFFF !important;
outline: 2px solid rgba(0,0,0,.35) !important;
font-weight: 700 !important;
}
/* CLI — Bleu soutenu */
[title^="🟦 CLI"], [aria-label^="🟦 CLI"] {
background-color: #0052CC !important;
color: #FFFFFF !important;
outline: 2px solid rgba(0,0,0,.25) !important;
font-weight: 700 !important;
}
/* FOC — Orange (texte noir) */
[title^="🟧 FOC"], [aria-label^="🟧 FOC"] {
background-color: #EF6C00 !important;
color: #000000 !important;
outline: 2px solid rgba(0,0,0,.25) !important;
font-weight: 700 !important;
}
/* Optionnel : renforcer les bordures des cartes d'évènements */
.eventCard-XXXX, ._calendarViewCell .someEventClass {
border: 1px solid rgba(0,0,0,.15) !important;
box-shadow: 0 0 0 1px rgba(0,0,0,.05) inset !important;
}
}
/* Note : les sélecteurs OWA évoluent. Inspectez l'élément cible (badge de catégorie, carte d'évènement) pour ajuster .eventCard-XXXX, etc. */Checklist rapide
- Besoin critique de repérage par couleur ? Installez/autorisez Outlook de bureau.
- Sur OWA : réduisez le nombre de catégories et préfixez de pictogrammes les plus importantes.
- Testez un thème sombre et/ou un profil de contraste élevé.
- Pour l’IT : CSS de renforcement en pilote sur deux ou trois catégories clés.
- Envoyez un feedback circonstancié (exemples + impacts mesurés).
- Surveillez les références MC688704 et ID 178204 dans vos canaux d’admin Microsoft 365.