HubSpot abandona el color naranja: cómo la accesibilidad transformó el diseño del CRM.

El nuevo tema de HubSpot no es solo un cambio de estilo. Detrás de él se esconde un sistema de diseño reconstruido, y una decisión que se reduce a WCAG.

A 31 de agosto de 2026, HubSpot tiene una nueva interfaz Y los botones naranjas han desaparecido. Para muchos usuarios, esa fue la parte más difícil de aceptar: el naranja era HubSpot. Sin embargo, la razón detrás de la decisión es más interesante que la decisión en sí misma. Ese color no cumplía con los requisitos de contraste de WCAG. Es señal de algo más profundo. HubSpot está cambiando la forma en que las personas interactúan con el producto, y para ello tuvo que reconstruir la base visual de la plataforma. La accesibilidad es una de las razones, según ha declarado abiertamente la empresa.

De dónde proviene el cambio

El punto de partida es una observación que HubSpot hace sobre sí misma: durante años, el software exigía algo a los usuarios antes de ofrecerles algo a cambio. Había que aprender a usar la herramienta, averiguar cómo usarla y cómo realizar las tareas. La responsabilidad de obtener valor del producto recaía sobre quien lo utilizaba.

El objetivo declarado es invertir esa relación: un producto que muestre lo que importa sin que tengas que buscarlo, con la IA integrada en el flujo de trabajo en lugar de añadida como una función aparte.

El plan se desarrolla en dos etapas:

• Etapa 1: la actualización visual Ya está disponible. Presenta un diseño más ligero, una tipografía más limpia, un espaciado más preciso y encabezados más claros para que el contenido sea el protagonista.

• Etapa 2: el rediseño del funcionamiento del producto. , que se irá implementando gradualmente durante los próximos seis meses.

Por lo tanto, la actualización no es un simple cambio de estilo: es la base sobre la que se sustentará todo lo demás. HubSpot optó por introducirla primero y de forma gradual, para que el rediseño completo resulte familiar en lugar de chocante cuando llegue. Y aquí es precisamente donde entra en juego la accesibilidad.

¿Qué está cambiando y cuándo?

• 30 de junio de 2026 — Beta pública opcional

• 31 de agosto de 2026 — Despliegue automático para todos los usuarios

Cambio: colores, tipografía, radios de borde, iconos, espaciado, elevación y movimiento.
Sin cambios: Navegación, estructura, flujo de trabajo y lógica de informes. No hay nada que reaprender.

¿Por qué cambiar los colores y la interfaz?

La respuesta de HubSpot es técnica antes que estética.

El sistema de diseño de la plataforma no se había actualizado en casi una década. Durante ese tiempo, el producto creció hasta contar con cientos de aplicaciones, cada una con componentes, colores y patrones de interacción ligeramente diferentes. Por eso, un menú desplegable en una aplicación se comportaba de manera distinta al mismo menú desplegable en otra, y por eso nunca llegó el modo oscuro.

En los últimos dos años, la empresa reconstruyó todo el sistema desde cero, estandarizando filtros, tablas, ventanas modales y todos los demás componentes. El nuevo tema es la expresión visual de ese sistema.

Y según HubSpot, completar esta migración es la condición previa para lanzar tres cosas: el modo oscuro, un conjunto ampliado de temas y accesibilidad completa al producto .

Esa es la parte en la que vale la pena detenerse. La accesibilidad no se trató como una función para agregar posteriormente, sino como algo que requería reconstruir la infraestructura visual. Cuando tienes cientos de componentes, cada uno comportándose de manera diferente, no existe una forma realista de hacerlos accesibles uno por uno.

El estuche naranja

Aquí llega la decisión más importante, y la que ha generado mayor rechazo entre los usuarios.

El naranja era el color distintivo de HubSpot en los botones de acción principales. En el nuevo tema, ha desaparecido. La razón es: Según lo declarado por la empresa: El naranja sobre blanco no cumple con el contraste mínimo requerido por WCAG 2.1 nivel AA lo que dificulta la lectura para las personas con discapacidad visual.

HubSpot intentó oscurecerlo. Pero para lograr un naranja lo suficientemente oscuro, el color se tornaba marrón y perdía su esencia original. Por lo tanto, se decidió eliminarlo de las acciones principales, con la posibilidad de recuperarlo posteriormente mediante temas alternativos.

Es una decisión que merece ser analizada detenidamente: una empresa con un enorme reconocimiento de marca aceptó renunciar a su color distintivo en un elemento central de su interfaz, porque no cumplía con un requisito de accesibilidad.

La tensión entre la identidad de marca y el cumplimiento normativo es real, y normalmente se resuelve al revés: manteniendo el color y posponiendo el problema. En este caso, fue diferente.

El rediseño afecta a la interfaz de HubSpot, no al contenido que publiques con HubSpot.

• El backend — lo que ves funcionando dentro del CRM — se beneficia de la actualización.

• El Interfaz — El sitio web, las páginas de destino, los correos electrónicos y los formularios que crees con HubSpot y que llegan a tus usuarios — se mantienen exactamente tan accesibles como los hayas configurado.

Actualizar el tema del CRM no garantiza que una página de destino cumpla con los requisitos si tiene un contraste insuficiente, un formulario sin etiquetas asociadas o una imagen sin texto alternativo. Y precisamente estas son las páginas que entran dentro del ámbito de aplicación de la Ley Europea de Accesibilidad.

La accesibilidad se ha convertido en una práctica empresarial habitual.

Cabe destacar un punto importante: en toda la comunicación de HubSpot, la accesibilidad nunca aparece como una obligación normativa. No se mencionan sanciones, plazos ni requisitos. Se presenta como parte de una decisión de producto, junto con el modo oscuro, los temas personalizables y la coherencia de los componentes.

Eso es señal de madurez. La accesibilidad está dejando de ser un mero cumplimiento normativo para convertirse en un factor clave de calidad de la experiencia, donde siempre debió estar.

Y el caso naranja lo demuestra mejor que cualquier declaración de principios: un contraste insuficiente no solo perjudica a las personas con discapacidad visual. Perjudica a cualquiera que trabaje bajo la luz del sol, a cualquiera que use un monitor barato, a cualquiera que consulte la interfaz al final de una larga jornada. Hacer que un botón sea legible mejora la experiencia para todos, no solo para una minoría.

Cuando la accesibilidad se diseña de esta manera, como una limitación que aumenta la calidad general, en lugar de una simple casilla que marcar, deja de ser un coste y se convierte en lo que siempre fue: un buen diseño.