Los 20 mejores esquemas de colores para infografías con códigos hexadecimales

El diseño moderno de infografías se trata de claridad: una jerarquía fuerte, etiquetas legibles, y un sistema de color que ayuda a tu audiencia a analizar datos rápidamente.

A continuación, encontrarás ideas de paletas de colores para infografías seleccionadas (con códigos HEX) que puedes copiar para paneles, informes, presentaciones y estadísticas en redes sociales—además de instrucciones de IA que puedes reutilizar para generar visuales a juego.

Por qué funcionan tan bien las paletas infográficas

Las infografías triunfan cuando el color cumple una función: separar series, agrupar secciones y atraer atención al único número relevante. Una buena paleta convierte "datos complejos" en una historia visual fácil.

A diferencia de las paletas de marca generales, los colores para visualización de datos requieren contraste predecible para ejes, etiquetas y marcas pequeñas (puntos, líneas, marcas). Por eso muchos esquemas infográficos combinan un neutro fuerte (navy/carbón) con 2–3 acentos.

Los conjuntos seleccionados también reducen la fatiga decisoria. Cuando cada color tiene su papel (serie principal, serie secundaria, destaque, fondo), tus gráficos se mantienen consistentes en presentaciones, paneles e impresiones.

Más de 20 ideas de paletas de colores para infografías (con códigos HEX)

1) Rejilla Esmeralda Turquesa

HEX: #0ea5a4 #10b981 #0f172a #e2e8f0 #f59e0b

Estado de ánimo: fresco, seguro, moderno

Mejor para: gráficos de panel UI y tarjetas KPI

Fresco y seguro, como un espacio limpio de análisis con puntos teal brillantes en una rejilla oscura. Usa el turquesa y la esmeralda como colores principales de las series, y confía en el navy profundo para encabezados y texto de ejes. El ámbar cálido funciona mejor como color de alerta para picos y valores atípicos. Combina con mucho espacio y divisores finos para que el contraste se sienta nítido y no recargado.

Ejemplo de imagen de rejilla esmeralda turquesa generado usando media.io

Media.io

Media.io es un estudio de IA online para crear y editar video, imagen y audio en tu navegador.

Pruébalo Gratis Ahora

2) Pizarrón Menta

HEX: #0b1320 #14b8a6 #a7f3d0 #f1f5f9 #fb7185

Estado de ánimo: inteligente, lúdico, alto contraste

Mejor para: diapositivas tipo aula explicativas

Inteligente y lúdico, como líneas de tiza menta en una pizarra profunda y un destaque brillante de nota adhesiva. Mantén el tono oscuro para bloques grandes y deja que la menta haga el trabajo para iconos, reglas y trazos de gráficos. El verde mar suave es ideal para series secundarias si necesitas dos líneas de datos relacionadas. Usa el rosa sólo para conclusiones clave, como un resaltador, no como una serie competidora.

Ejemplo de imagen de pizarrón menta generado usando media.io

3) Destacados de Marcador Coral

HEX: #0f766e #fb7185 #f97316 #111827 #f8fafc

Estado de ánimo: enérgico, audaz, llamativo

Mejor para: posts infográficos sociales y estadísticas rápidas

Enérgico y audaz, como trazos de marcador coral sobre una base teal ordenada. Esta paleta funciona mejor cuando el teal marca la estructura y el coral y naranja resaltan los números clave. Conserva el casi negro para el texto principal para que los acentos brillantes sean legibles y limpios. Tip: reserva el naranja para una sola serie de gráficos para que no domine el diseño.

Ejemplo de imagen de destacados de marcador coral generado usando media.io

4) Contraste Navy Cítrico

HEX: #0b1f3b #22c55e #fde047 #f8fafc #334155

Estado de ánimo: nítido, deportivo, alta claridad

Mejor para: informes financieros y gráficos de desempeño

Nítido y de alta claridad, como etiquetas cítricas brillantes sobre una portada de informe nocturno. Usa navy para encabezados y bandas de tabla, luego incorpora verde para movimiento positivo y amarillo para objetivos o marcas de referencia. El tono slate es un neutro confiable para texto secundario y líneas de rejilla. Para legibilidad, mantén el amarillo en fondos claros y úsalo como contorno o insignia cerca del navy.

Ejemplo de imagen de contraste navy cítrico generado usando media.io

5) Panel Arenisco

HEX: #f1e7d6 #cbd5e1 #0f172a #0ea5a4 #b45309

Estado de ánimo: calmado, arraigado, profesional

Mejor para: pantallas de análisis de onboarding SaaS

Calmado y arraigado, como papel cálido y piedra pulida con un pin teal frío. Usa el color arenisco como superficie principal para suavizar métricas densas, y coloca el texto en navy profundo para un contraste nítido. Teal es un buen acento principal y color de serie en gráficos, mientras que el cobre es ideal para alertas o indicadores de churn. Para las líneas de rejilla, hazlas sutiles con slate claro para que el panel se sienta ligero.

Ejemplo de imagen de panel arenisco generado usando media.io

6) Notas de Neón Berry

HEX: #4c1d95 #a855f7 #fb7185 #14b8a6 #0b1320

Estado de ánimo: vibrante, juvenil, enérgico

Mejor para: infografías de recapitulación de eventos y líneas de tiempo

Vibrante y juvenil, como tinta neón sobre un telón oscuro. Estas combinaciones brillan cuando el fondo es casi negro y el morado domina la estructura principal. Coral es perfecto para números clave y puntos en la línea de tiempo, mientras teal ofrece un contrapunto fresco para datos secundarios. Consejo: evita párrafos largos en coral, mantenlo en etiquetas cortas para que sea legible.

Ejemplo de imagen de notas de neón berry generado usando media.io

7) Minimal Niebla Oceánica

HEX: #0ea5a4 #94a3b8 #e2e8f0 #0f172a #ffffff

Estado de ánimo: minimalista, fresco, confiable

Mejor para: hojas B2B y resúmenes de datos

Minimalista y confiable, como niebla marina sobre cristal limpio con línea de horizonte profunda. Usa teal para una serie principal y repítelo en encabezados de sección para unificar la página. El slate brumoso funciona bien para series secundarias y iconos neutros, sin robar atención. Consejo: mantén tus gráficos finos y precisos para que los grises suaves se lean como intencionados y no apagados.

Ejemplo de imagen de minimal niebla oceánica generado usando media.io

8) Cyan Retro Print

HEX: #0891b2 #f97316 #fef3c7 #1f2937 #a3a3a3

Estado de ánimo: retro, amistoso, editorial

Mejor para: spreads infográficos tipo revista

Retro y amistoso, como color spot cian sobre papel crema texturizado y sellos de tinta naranja. Deja el cian para los gráficos principales, usa naranja para llamados, flechas y pequeños distintivos. El crema cálido es un buen fondo que facilita la lectura. Para mantener el estilo editorial, usa gris oscuro para tipografía y evita negro puro para bloques grandes.

Ejemplo de imagen de cyan retro print generado usando media.io

9) Informe Cobre Bosque

HEX: #14532d #0ea5a4 #b45309 #f8fafc #1f2937

Estado de ánimo: fiable, terrenal, maduro

Mejor para: informes de sostenibilidad y estadísticas de impacto

Fiable y terrenal, como hojas perennes con un sello de cobre sobre la portada de un informe limpio. Usa verde bosque para las categorías primarias de datos y azul verdoso para comparaciones o referencias. El cobre funciona mejor como acento en totales, insignias o pequeños íconos, en lugar de rellenar gráficos completos. Consejo: mantén los fondos blancos para que los verdes oscuros no resulten pesados en documentos largos.

Ejemplo de imagen de informe bosque y cobre generado usando media.io

10) Métricas Lila y Pizarra

HEX: #6d28d9 #c4b5fd #334155 #e2e8f0 #0ea5a4

Estado de ánimo: moderno, calmado, ligeramente creativo

Mejor para: paneles de métricas de producto y actualizaciones trimestrales

Moderno y calmado, como iluminación lila sobre un muro de pizarra pulida. Utiliza pizarra para texto y ejes de los gráficos, luego incorpora lila en series secundarias que deban sentirse más suaves que la tendencia principal. El azul verdoso añade un color focal fresco para la línea KPI principal o la barra más importante. Consejo de uso: mantén el relleno lila en baja opacidad para que las etiquetas permanezcan nítidas encima.

Ejemplo de imagen de métricas lila-pizarra generado usando media.io

11) Gráficos Mango Iluminados

HEX: #fbbf24 #f97316 #0ea5a4 #0f172a #fff7ed

Estado de ánimo: optimista, cálido, claro

Mejor para: infografías de rendimiento de marketing

Optimista y cálido, como la luz de la mañana sobre rodajas de mango y cítricos. Usa el dorado para las áreas principales del gráfico y guarda el naranja para los llamados de atención más fuertes como conversiones o picos. El azul verdoso equilibra la calidez y ayuda a que los elementos secundarios se sientan estables y creíbles. Consejo: mantén el fondo crema y evita el blanco puro para conservar la sensación soleada.

Ejemplo de imagen de gráficos mango iluminados generado usando media.io

12) Infopóster Aqua Rosa

HEX: #0ea5a4 #f43f5e #fde68a #1f2937 #f8fafc

Estado de ánimo: brillante, accesible, moderno

Mejor para: carteles de concientización pública con estadísticas

Brillante y accesible, como una banda aqua con adhesivos rosas y un suave detalle dorado. Usa aqua como principal en encabezados y bloques de sección, y rosa como acento en cifras clave y etiquetas cortas. El dorado claro resulta mejor en formas de fondo o rellenos sutiles del gráfico que no deben sobresalir. Consejo: mantén los íconos simples y gruesos para que se vean bien de lejos en un cartel.

Ejemplo de imagen de infopóster aqua rosa generado usando media.io

13) Etiquetas Carbón y Lima

HEX: #111827 #a3e635 #22c55e #e5e7eb #ffffff

Estado de ánimo: nítido, técnico, alto contraste

Mejor para: paneles de control de ingeniería y gráficos operativos

Nítido y técnico, como etiquetas neón sobre una consola de carbón. Usa carbón para tablas densas y texto en ejes, luego lima para la señal de éxito principal y verde para estados secundarios. El gris suave mantiene visibles los separadores y bordes sin recargar. Consejo de uso: evita grandes fondos lima y usa solo trazos, chips e indicadores clave para máxima legibilidad.

Ejemplo de imagen de etiquetas carbón lima generado usando media.io

14) Guion Pastel Suave

HEX: #99f6e4 #fecdd3 #c7d2fe #64748b #f8fafc

Estado de ánimo: delicado, amigable, narrativo

Mejor para: infografías de procesos paso a paso

Delicado y narrativo, como notas adhesivas pastel organizadas en un guion tranquilo. Esta paleta de colores es ideal para flujos de varios pasos donde se necesitan diferentes secciones sin alto contraste. Usa pizarra para texto y líneas, y asigna cada pastel a un paso, manteniendo las formas grandes y etiquetas cortas. Consejo: agrega suficiente espacio en blanco para que los tonos claros se distingan entre sí.

Ejemplo de imagen de guion pastel suave generado usando media.io

15) Columnas Crema y Burdeos

HEX: #7f1d1d #f5f5f4 #f59e0b #0f172a #14b8a6

Estado de ánimo: premium, asentado, editorial

Mejor para: resúmenes anuales e informes ejecutivos

Premium y asentado, como tinta burdeos sobre papelería crema con un sutil sello dorado. Usa burdeos en series principales de datos o encabezados, y el crema como base de la página para un aire ejecutivo. El azul verdoso señala métricas secundarias sin competir, mientras el ámbar se reserva para acentos puntuales. Consejo: limita a un solo gráfico enfático por página y deja que la tipografía haga el resto.

Ejemplo de imagen de columnas crema burdeos generado usando media.io

16) Claridad Aqua Glaciar

HEX: #06b6d4 #0ea5a4 #0f172a #cbd5e1 #f8fafc

Estado de ánimo: fresco, limpio, preciso

Mejor para: paneles de datos de salud

Fresco y preciso, como agua de glaciar e instrumentos pulidos en una clínica luminosa. Usa cian para series principales y azul verdoso para comparaciones, conservando azul marino para el texto para legibilidad médica. El pizarra suave es perfecto para líneas de cuadrícula y bordes sin distraer de los datos. Consejo: evita rellenos pesados y prefiere trazos o puntos para mantener el diseño higiénico y ligero.

Ejemplo de imagen de claridad aqua glaciar generado usando media.io

17) Panorama Arcilla y Salvia

HEX: #a16207 #84cc16 #14532d #fef3c7 #1f2937

Estado de ánimo: terrenal, cálido, accesible

Mejor para: informes comunitarios y resultados de encuestas

Terrenal y accesible, como macetas de barro y salvia fresca bajo la luz de la tarde. Usa verde salvia para series principales y verde bosque profundo para etiquetas y encabezados destinados a destacar. Amarillo crema genera fondos acogedores para gráficos y frases cortas. Consejo: deja el tono arcilla para insignias pequeñas o chips de categoría para que actúe como acento amigable, no como ruido visual.

Ejemplo de imagen de panorama arcilla salvia generado usando media.io

18) Enfoque Grafito Aqua

HEX: #0f172a #06b6d4 #22c55e #e2e8f0 #f8fafc

Estado de ánimo: enfocado, moderno, de alta legibilidad

Mejor para: infografías de hoja de ruta de producto

Enfocado y moderno, como bocetos de grafito con tinta aqua y una marca verde de verificación. Esta paleta ayuda a que las hojas de ruta sean escaneables manteniendo la estructura oscura y acentos brillantes. Usa aqua para la línea del tiempo y tarjetas de hitos; verde para marcar logros o elementos lanzados. Consejo: usa fondos muy claros y separadores grises para guiar la vista de trimestre a trimestre.

Ejemplo de imagen de enfoque grafito aqua generado usando media.io

19) Plano Aqua y Cítricos

HEX: #0ea5a4 #fde047 #f97316 #1e293b #f1f5f9

Estado de ánimo: vivaz, estructurado, optimista

Mejor para: guías prácticas e infografías explicativas

Vivaz y estructurado, como un plano aqua con adhesivos de cítricos marcando cada paso. Usa aqua y azul marino para la estructura, amarillo para los círculos numerados y naranja para advertencias o consejos clave. El fondo pálido mantiene la página abierta y legible. Consejo: limita el naranja a un tipo de elemento, como íconos, para dar coherencia visual.

Ejemplo de imagen de plano aqua cítricos generado usando media.io

20) Dispersión Neón Nocturno

HEX: #0b1320 #22c55e #06b6d4 #a855f7 #f8fafc

Estado de ánimo: eléctrico, futurista, rico en contraste

Mejor para: diapositivas tech keynote y narrativas de datos

Eléctrico y futurista, como puntos neón flotando en el cielo nocturno. Estas combinaciones de color son ideales para gráficos de dispersión y líneas donde cada serie necesita un destello propio. Mantén el fondo oscuro y usa el blanco solo para etiquetas y marcas, permitiendo que verde, cian y violeta cuenten la historia. Consejo: reduce la densidad de la cuadrícula y usa marcadores grandes para que los colores neón se vean intencionados, no ruidosos.

Ejemplo de imagen de dispersión neón nocturno generado usando media.io

21) Aqua Glaciar Limpio

HEX: #99f6e4 #0ea5a4 #94a3b8 #0f172a #ffffff

Estado de ánimo: aireado, limpio, tranquilizador

Mejor para: informes de éxito del cliente y gráficos NPS

Aireado y tranquilizador, como agua limpia y niebla suave con un encabezado oscuro y seguro. Usa aqua para rellenos suaves y azul verdoso para la línea principal, así el resultado se siente positivo y calmo. El tono pizarra es perfecto para anotaciones secundarias y leyendas pequeñas. Consejo: reserva el color más oscuro únicamente para encabezados y deja que los verdes fríos dominen los gráficos.

Ejemplo de imagen de aqua glaciar limpio generado usando media.io

22) Cronología Tierra Cálida

HEX: #7c2d12 #ea580c #fef3c7 #14532d #1f2937

Estado de ánimo: cálido, narrativo, asentado

Mejor para: cronologías históricas de empresa y hitos

Cálido y narrativo, como papel vintage con sellos naranja quemado y un marcador verde profundo. Usa naranja en puntos e etiquetas de fechas de hitos, apoyándote en los tonos oscuros para el texto y lograr que la historia fluya. El verde bosque es ideal para agrupar categorías o marcar épocas. Consejo: mantén consistente el fondo crema en todos los paneles para evitar distracciones entre secciones.

Ejemplo de imagen de cronología tierra cálida generado usando media.io

¿Qué colores combinan bien con la infografía?

Las combinaciones infográficas más fiables parten de una base neutra (blanco, marfil o gris claro) y un color de texto oscuro (azul marino o carbón). Esto mantiene la lectura de las etiquetas y evita que los gráficos se perciban apagados en pantalla.

A partir de ahí, elige 2–3 colores de acento con niveles de brillo claramente distintos. Aqua + verde funciona bien para series “relacionadas”, mientras que un acento cálido como ámbar o coral se puede reservar para llamados de atención, objetivos y alertas.

Si necesitas más categorías, amplía la paleta aumentando la saturación (suave vs. vívida) en vez de cambiar demasiado el tono. Así, los grupos se reconocen rápido sin depender tanto de leyendas.

Cómo usar una paleta de colores infográfica en diseños reales

Asigna roles antes de diseñar: un color primario para series, uno secundario, un acento/alerta y neutros para fondo y tipografía. Así evitas “gráficos arcoíris” donde todo compite por destaque.

Mantén el contraste consistente en todos los componentes: títulos, etiquetas de eje, tooltips y etiquetas de datos. Si tu paleta incluye amarillo brillante o lima, úsalo como insignia, trazo o marcador en vez de relleno grande detrás del texto.

Para presentaciones e impresión, prueba tu paleta en tamaños pequeños (leyendas y líneas finas) y en escala de grises. Si dos series se ven idénticas en escala de grises, ajusta la luminosidad para que las comparaciones sigan siendo claras.

Crea visuales de paletas infográficas con IA

¿Quieres previsualizar cómo se siente una paleta en un panel de control, una página de informe o una tarjeta de estadísticas sociales? Genera maquetas rápidas usando los prompts incluidos y luego itera sobre el diseño y el contraste antes de comprometerte con los gráficos finales.

Con Media.io, puedes transformar una instrucción de texto en imágenes estilo infografía en minutos; útil para conceptualizar temas, ajustar la vibra de la marca o explorar distintas direcciones de color para el mismo conjunto de datos.

Comienza con una de las paletas anteriores, mantén la estructura del prompt y cambia únicamente los colores o el tipo de diseño (línea de tiempo, tarjetas KPI, gráfico de dona) para mantener la coherencia.

Siguiente: Paleta de Color Verde Turquesa