Cómo elegir una paleta de colores para tu proyecto musical
Del grafito al champán: un briefing visual real, una mirada a IBM y un método para construir una marca que se reconozca sin repetir siempre lo mismo.
Una canción también se ve: en su portada, en un perfil, en la web del artista y en el enlace que alguien comparte. Elegir colores no consiste en adivinar qué tono está de moda. Consiste en decidir qué debe permanecer constante y dónde puede haber variación.
01 / 08
La identidad no es un solo color
La portada de un single, una miniatura, una biografía y una web pueden usar composiciones distintas sin perder el parentesco. Lo que une esas piezas es un sistema: tipografía, contraste, ritmo visual, tamaños, espacios y colores con funciones definidas.
Una paleta no debería ser una colección de tonos favoritos. Primero se decide qué fondo sostiene el contenido, qué color sirve para leer y qué color indica una acción. Los tonos secundarios llegan después. Esta jerarquía reduce decisiones improvisadas y facilita mantener la identidad cuando el proyecto crece.
En una marca musical no existe una regla según la cual todo deba ser oscuro o vibrante. Una canción íntima y otra enérgica pueden necesitar portadas distintas; el vínculo puede estar en la tipografía, el tratamiento de imagen, un color reconocible o la firma del artista.
02 / 08
Del color observado al color organizado
La relación humana con el color es anterior a las pantallas y a los códigos HEX. Pero diseñar para dispositivos exige algo distinto: medir, reproducir y comunicar colores de forma consistente.
Un hito técnico es el observador colorimétrico normalizado CIE 1931, que ayuda a describir el color mediante funciones de igualación. No fue una paleta para marcas: forma parte de las bases científicas de la colorimetría moderna. Los estándares actuales siguen documentando esas funciones.
Un código hexadecimal, por ejemplo #E7B38D, es una notación digital para un color RGB. Es útil para compartir una decisión precisa entre diseñador y desarrollador. No describe por sí solo una emoción, un material ni una garantía de apariencia idéntica en todas las pantallas.
03 / 08
Qué enseña realmente el sistema de IBM
IBM no es un ejemplo porque use los mismos tonos que RYTHERO. Su sistema de diseño Carbon es relevante porque separa los colores por funciones: fondos neutros, capas de interfaz, acciones principales y estados que necesitan ser reconocidos.
En Carbon predominan los grises para organizar las superficies, el azul tiene un papel central en las acciones y otros colores se reservan para usos concretos. El principio útil es mantener la coherencia sin pintar todo del mismo color.
RYTHERO adopta esa lógica de organización, no la identidad gráfica de IBM. La paleta, los contenidos y las decisiones editoriales de RYTHERO son propios. No existe colaboración ni afiliación con IBM.
04 / 08
RYTHERO: un caso práctico documentado
La portada anterior de RYTHERO usaba negros verdosos y acentos verdes luminosos. Esa dirección expresaba tecnología, pero el equipo del proyecto decidió que la nueva entrada debía sentirse más humana, elegante y acogedora.
La portada cinematográfica aprobada introdujo grafito azulado, marfil y champán. La fotografía del protagonista se mantuvo, mientras los textos y botones quedaron como elementos reales de la web: legibles, accesibles y utilizables.
Apareció una tensión instructiva: la HOME ya tenía un aspecto premium, pero los estudios musicales seguían usando su paleta anterior. En lugar de rediseñar cada herramienta, se construyó una capa de identidad común y se reservaron pequeñas variaciones para cada área. Este es un ejemplo del proceso de diseño, no una prueba de que una paleta concreta aumente conversiones.
05 / 08
Tres colores base, varias habitaciones
Grafito (#090F13) para profundidad sin recurrir a un negro plano. Marfil (#F5F1EC) para titulares y lecturas principales. Champán (#E7B38D) para acentos de marca y acciones importantes. «Champán» es aquí un nombre descriptivo elegido para un tono cálido; no una categoría cromática universal.
Las variaciones internas evitan el efecto de una pantalla repetida: Writing Studio recibe un lavanda grisáceo, Generador de prompts un azul suave, Signature Lab un verde agua desaturado y el blog una nota editorial cálida. Ninguna de esas variaciones sustituye a los tres colores de identidad.
¿Y la psicología del color? Una revisión sistemática de investigaciones sobre color y emoción halló asociaciones recurrentes, pero también relaciones múltiples y dependientes de la luminosidad, la saturación y el contexto. Por eso sería inexacto prometer que un champán transmite lujo o que un azul genera confianza en todas las personas y culturas.
La paleta real de RYTHERO
Pulsa un código para copiarlo. Los nombres describen nuestras decisiones de diseño, no propiedades psicológicas universales.
Evolucionar sin romper la identidad
Dos elecciones visuales documentadas en RYTHERO. No son resultados de un experimento A/B ni mediciones de preferencia.
06 / 08
Bonito no significa legible
Un buen contraste es una condición de uso, no un remate decorativo. WCAG 2.2 establece una relación mínima de 4,5:1 para texto normal y 3:1 para texto grande en el criterio AA, con sus excepciones. Los componentes de interfaz y gráficos necesarios para comprender algo deben alcanzar, cuando corresponde, 3:1 frente a colores adyacentes.
Es frecuente que una combinación preciosa falle cuando el texto es pequeño, el móvil se usa en la calle o la visión del lector no es perfecta. Conviene probar colores sobre fondos reales y no depender únicamente del color para indicar éxito, error o selección.
Los recuadros claros de formularios, por ejemplo, no contradicen una web oscura: pueden aportar separación y legibilidad. La coherencia está en las reglas, no en obligar a todas las superficies a ser idénticas.
07 / 08
Tu briefing de color en siete decisiones
- 01
Define a quién hablas
¿Músicos, oyentes, promotores, colaboradores? Elige primero la audiencia y el contexto de uso.
- 02
Escribe tres atributos
Por ejemplo: sobrio, cercano y experimental. Evita adjetivos que se contradigan sin explicación.
- 03
Elige un fondo principal
Oscuro o claro según legibilidad, contenido y uso; no según una supuesta emoción universal.
- 04
Elige color de lectura
Comprueba textos largos, pequeños y distintos niveles de encabezado.
- 05
Reserva un acento dominante
Que los botones y enlaces importantes sean reconocibles de una página a otra.
- 06
Limita los acentos secundarios
Una sección puede tener una nota propia sin desplazar la identidad común.
- 07
Prueba y documenta
Móvil, escritorio, modo de uso real, contraste; registra los códigos y cuándo se utiliza cada tono.
Mini-briefing reutilizable
Proyecto: ____ · Audiencia: ____ · Personalidad: ____ · Fondo: ____ · Texto: ____ · Acción principal: ____ · Dos acentos opcionales: ____ · Restricciones de contraste: ____.
08 / 08
Fuentes y lectura adicional
Referencias institucionales y científicas utilizadas para los aspectos verificables. La interpretación estética del caso RYTHERO se presenta como una decisión editorial.
- IBM Design Language — Color ↗
- IBM Carbon Design System — Color overview ↗
- CIE — Standard colorimetric observers (1931) ↗DOI: 10.25039/DS11664-1.2019
- W3C — WCAG 2.2, Contrast (Minimum) ↗
- W3C — WCAG 2.2, Non-text Contrast ↗
- Jonauskaite et al. — Do we feel colours? Systematic review ↗DOI: 10.3758/s13423-024-02615-z