Mercado
Precios
Iniciar sesiónEmpezar
Guía prácticaIdeas y tendencias
Ideas y tendencias

30 ideas de colores de marca con códigos

Una paleta de marca son cuatro o cinco colores con funciones, no un color favorito y unos cuantos amigos. Aquí tienes 30 puntos de partida por ambiente y sector, con códigos para copiar y una forma de probarlos.

GradientlyCuenta verificada de Gradiently·1 de octubre de 2026·8 min de lectura
Portada: Marrakesh Glare · GR·RF0Y·DC

La versión corta

  • Una paleta de marca que funciona tiene cuatro o cinco colores con funciones fijas: un fondo, un color principal, un tono de apoyo, un neutro para el texto y un acento.
  • El acento es el color que la gente recuerda, así que debe aparecer en una sola cosa a la vez, como un botón, un precio o el símbolo del logo.
  • Las paletas propias de un sector ayudan a los clientes a entender lo que vendes, pero un único color inesperado es lo que hace reconocible a una marca.
  • Prueba una paleta en diseños reales a tamaños reales, en claro y oscuro, antes de comprometerte, porque las muestras sobre una página blanca esconden casi todos los problemas.
  • Comprueba que el color de tu texto sobre tu fondo cumple el contraste WCAG, o el texto corrido será difícil de leer para mucha gente.
En esta página
Cómo se construye una paleta de colores de marcaPaletas de colores de marca por ambienteIdeas de colores de marca por sectorCómo hacer que una paleta se sienta como tu marcaPrueba los colores de tu marca antes de comprometerteConvertir los colores de marca en un estilo

Las buenas ideas de colores de marca empiezan por las funciones, no por los favoritos. Elige un color de fondo sobre el que se apoyen la mayoría de tus diseños, un color principal que diga qué tipo de negocio eres, un tono de apoyo para dar profundidad, un neutro para el texto y un acento por el que te recuerden. Debajo tienes 30 paletas construidas así, seis por ambiente con muestras y 24 por sector con códigos, además de un método rápido para probar la que elijas.

Cómo se construye una paleta de colores de marca

La mayoría de las paletas fallidas son cinco colores del mismo peso: nada lidera, así que nada es reconocible. Una paleta funciona cuando cada color tiene su parte del espacio: el fondo cubre la mayor parte, el color principal una buena parte y el acento solo una pizca. La regla 60 30 10 es una proporción de partida útil, aunque luego la flexibilices.

FondoCerca del 60%

Cometido

Fondos, zonas grandes, el ambiente
Principal

Parte de un diseño

Cerca del 25%

Cometido

Titulares, formas, el color que la gente asocia contigo
ApoyoDel 5 al 10%

Cometido

Profundidad, paneles secundarios, ilustraciones
NeutroSolo texto

Cometido

Texto corrido que tiene que leerse sobre el fondo
AcentoMenos del 5%

Cometido

Un botón, un precio, un símbolo por diseño
FunciónParte de un diseñoCometido
FondoCerca del 60%Fondos, zonas grandes, el ambiente
PrincipalCerca del 25%Titulares, formas, el color que la gente asocia contigo
ApoyoDel 5 al 10%Profundidad, paneles secundarios, ilustraciones
NeutroSolo textoTexto corrido que tiene que leerse sobre el fondo
AcentoMenos del 5%Un botón, un precio, un símbolo por diseño
Cinco funciones, cinco proporciones. El acento funciona porque es escaso; extiéndelo por todas partes y se convierte en un segundo color principal.

Paletas de colores de marca por ambiente

Empieza aquí si sabes cómo quieres que se sienta la gente. Las asociaciones de color son culturales, no universales, como explica psicología del color.

1. Calma y confianza. El azul marino transmite firmeza; un acento latón evita que parezca un extracto bancario. Va bien con finanzas, salud y consultoras.
2. Cálido y cercano. Los rojos terrosos sobre crema parecen hechos a mano. El acento fresco de verde azulado salvia evita que parezca otra cafetería más.
3. Fresco y natural. Verdes de profundo a vivo, sobre tiza, para marcas de bienestar y sostenibilidad.
4. Atrevido y moderno. Un fondo casi negro deja brillar el color saturado. Usa el cielo eléctrico con moderación.
5. Lujo discreto. Poca saturación y mucho espacio. El oro parece caro solo cuando es apagado y se usa con moderación.
6. Divertido. Cuatro colores vivos unidos por una tinta oscura. Deja que lidere un color por diseño.

Ideas de colores de marca por sector

Cada paleta de sector enumera cuatro códigos, normalmente del más oscuro al más claro, y la última columna nombra el color que hace de acento. Las convenciones existen por algo: un dentista en verde azulado y una panadería en marrones cálidos se entienden de un vistazo. Cumple la convención con tu color principal y rómpela con suavidad con tu acento.

Asesoría contable

Paleta

Libro mayor

Códigos

#1d3557 #457b9d #f1faee #e63946

Por qué funciona

Azul marino para la confianza, un acento rojo reservado a la cifra que importa
Despacho de abogados

Paleta

Bufete

Códigos

#2b2d42 #8d99ae #edf2f4 #9c6644

Por qué funciona

Pizarra y papel con un acento marrón cuero
DentistaSonrisa limpia

Códigos

#03363d #17a398 #e6f4f1 #ffb703

Por qué funciona

El verde azulado se ve clínico pero no frío; el amarillo es cercano
Clínica de fisioterapia

Paleta

Recuperación

Códigos

#264653 #2a9d8f #e9f5f2 #f4a261

Por qué funciona

Verdes azulados tranquilos con un acento cálido que anima
Cafetería

Paleta

Tueste de la mañana

Códigos

#4a2c2a #c08552 #f3e9dc #5e8b7e

Por qué funciona

Marrones de café con un verde inesperado
Panadería

Paleta

Crumb

Códigos

#7f4f24 #dda15e #fefae0 #bc4749

Por qué funciona

Corteza, mantequilla y harina, con un rojo mermelada para las ofertas
Restaurante de noche

Paleta

Cena privada

Códigos

#1b1b1e #7a1e2c #d4a373 #f5ebe0

Por qué funciona

Fondo oscuro y rojo vino evocan una cena, con un acento caramelo
Floristería

Paleta

Tallo

Códigos

#2d4a3e #e5989b #ffcdb2 #fffaf5

Por qué funciona

El verde hoja profundo hace que el acento rosa suave parezca fresco
Estudio de yoga

Paleta

Aliento

Códigos

#5e548e #9f86c0 #e0b1cb #fbf8f3

Por qué funciona

Violetas crepusculares que frenan la mirada, con rosa como acento
GimnasioRepetición

Códigos

#111111 #3a3a3a #f2f2f2 #e4ff1a

Por qué funciona

Negro y gris con un único amarillo ácido muy fuerte
Cuidado de la piel

Paleta

Rocío

Códigos

#6b4e3d #e8b4a0 #f6e3d8 #fdf8f4

Por qué funciona

Tonos de piel y blancos cálidos, marrón cacao para el texto, melocotón como acento
Marca de moda

Paleta

Atelier

Códigos

#0f0f0f #c9c1b6 #f4f1ec #8a1c1c

Por qué funciona

Negro y piedra con un único rojo sangre de toro
JoyeríaTerciopelo

Códigos

#14213d #2e1a47 #f5f0e6 #c9a227

Por qué funciona

Los azules de medianoche realzan un acento dorado como lo hace una vitrina
Inmobiliaria

Paleta

Puerta de entrada

Códigos

#22333b #5e503f #eae0d5 #c6ac8f

Por qué funciona

Los tonos carbón y madera evocan un hogar cuidado; la arena es el acento
Estudio de arquitectura

Paleta

Hormigón

Códigos

#262626 #7d7d7d #d9d9d9 #ff5a1f

Por qué funciona

Grises como materiales, un naranja de seguridad
Herramienta para desarrolladores

Paleta

Terminal

Códigos

#0b1021 #1f6feb #e6edf3 #7ee787

Por qué funciona

Azules de interfaz oscura con un acento verde código
FintechLibro de menta

Códigos

#0a2e2a #00b37e #d7f9ec #1e1e24

Por qué funciona

Verde profundo con un acento menta vivo sugiere dinero sin clichés de dólares
Producto de IA

Paleta

Señal

Códigos

#0e0b16 #5b5bd6 #a78bfa #f0abfc

Por qué funciona

Índigo sobre casi negro, con orquídea como acento contenido
PódcastEn el aire

Códigos

#1a1423 #ff7b54 #ffb26b #ffd56b

Por qué funciona

Un fondo de estudio oscuro con una rampa cálida de atardecer, con el coral al frente
Marca infantil

Paleta

Patio de juegos

Códigos

#118ab2 #06d6a0 #ffd166 #ef476f

Por qué funciona

Colores vivos y claros suavizados justo lo necesario; el rosa es el acento
ONGTerreno común

Códigos

#2f3e46 #52796f #cad2c5 #f4a259

Por qué funciona

Verdes sobrios con un naranja esperanzador
Equipo para exterior

Paleta

Inicio del sendero

Códigos

#283618 #606c38 #fefae0 #dd6b20

Por qué funciona

Oliva y lona con un naranja de alta visibilidad
Organizador de bodas

Paleta

Votos

Códigos

#6d597a #b56576 #e8c2ca #fbf6f0

Por qué funciona

Ciruela con un acento rosa que queda bien fotografiado sobre papel
Artista musical

Paleta

Madrugada

Códigos

#090014 #3c096c #ff006e #fb5607

Por qué funciona

Oscuridad de club con dos acentos calientes y conectados
NegocioPaletaCódigosPor qué funciona
Asesoría contableLibro mayor#1d3557 #457b9d #f1faee #e63946Azul marino para la confianza, un acento rojo reservado a la cifra que importa
Despacho de abogadosBufete#2b2d42 #8d99ae #edf2f4 #9c6644Pizarra y papel con un acento marrón cuero
DentistaSonrisa limpia#03363d #17a398 #e6f4f1 #ffb703El verde azulado se ve clínico pero no frío; el amarillo es cercano
Clínica de fisioterapiaRecuperación#264653 #2a9d8f #e9f5f2 #f4a261Verdes azulados tranquilos con un acento cálido que anima
CafeteríaTueste de la mañana#4a2c2a #c08552 #f3e9dc #5e8b7eMarrones de café con un verde inesperado
PanaderíaCrumb#7f4f24 #dda15e #fefae0 #bc4749Corteza, mantequilla y harina, con un rojo mermelada para las ofertas
Restaurante de nocheCena privada#1b1b1e #7a1e2c #d4a373 #f5ebe0Fondo oscuro y rojo vino evocan una cena, con un acento caramelo
FloristeríaTallo#2d4a3e #e5989b #ffcdb2 #fffaf5El verde hoja profundo hace que el acento rosa suave parezca fresco
Estudio de yogaAliento#5e548e #9f86c0 #e0b1cb #fbf8f3Violetas crepusculares que frenan la mirada, con rosa como acento
GimnasioRepetición#111111 #3a3a3a #f2f2f2 #e4ff1aNegro y gris con un único amarillo ácido muy fuerte
Cuidado de la pielRocío#6b4e3d #e8b4a0 #f6e3d8 #fdf8f4Tonos de piel y blancos cálidos, marrón cacao para el texto, melocotón como acento
Marca de modaAtelier#0f0f0f #c9c1b6 #f4f1ec #8a1c1cNegro y piedra con un único rojo sangre de toro
JoyeríaTerciopelo#14213d #2e1a47 #f5f0e6 #c9a227Los azules de medianoche realzan un acento dorado como lo hace una vitrina
InmobiliariaPuerta de entrada#22333b #5e503f #eae0d5 #c6ac8fLos tonos carbón y madera evocan un hogar cuidado; la arena es el acento
Estudio de arquitecturaHormigón#262626 #7d7d7d #d9d9d9 #ff5a1fGrises como materiales, un naranja de seguridad
Herramienta para desarrolladoresTerminal#0b1021 #1f6feb #e6edf3 #7ee787Azules de interfaz oscura con un acento verde código
FintechLibro de menta#0a2e2a #00b37e #d7f9ec #1e1e24Verde profundo con un acento menta vivo sugiere dinero sin clichés de dólares
Producto de IASeñal#0e0b16 #5b5bd6 #a78bfa #f0abfcÍndigo sobre casi negro, con orquídea como acento contenido
PódcastEn el aire#1a1423 #ff7b54 #ffb26b #ffd56bUn fondo de estudio oscuro con una rampa cálida de atardecer, con el coral al frente
Marca infantilPatio de juegos#118ab2 #06d6a0 #ffd166 #ef476fColores vivos y claros suavizados justo lo necesario; el rosa es el acento
ONGTerreno común#2f3e46 #52796f #cad2c5 #f4a259Verdes sobrios con un naranja esperanzador
Equipo para exteriorInicio del sendero#283618 #606c38 #fefae0 #dd6b20Oliva y lona con un naranja de alta visibilidad
Organizador de bodasVotos#6d597a #b56576 #e8c2ca #fbf6f0Ciruela con un acento rosa que queda bien fotografiado sobre papel
Artista musicalMadrugada#090014 #3c096c #ff006e #fb5607Oscuridad de club con dos acentos calientes y conectados
Copia los códigos en tu kit de marca y ajusta un color hasta que lo sientas tuyo.

Cómo hacer que una paleta se sienta como tu marca

Lo que convierte una paleta de lista en una identidad es una decisión que nadie más en tu calle ha tomado, normalmente el acento: un despacho de abogados en marrón cuero, un gimnasio en amarillo ácido. Cambia primero el acento y conserva el fondo y el color del texto, así ganas personalidad sin perder legibilidad.

Evita

  • Cinco colores vivos usados por igual
  • Elegir primero el color del logo y el resto a ojo
  • Un acento en cada elemento de cada diseño
  • Texto gris claro sobre fondo crema
  • Elegir desde muestras sobre una página blanca

Haz

  • Un fondo que cubra la mayor parte del espacio
  • Primero las funciones, luego los colores que las cumplen
  • Una sola cosa con acento por diseño
  • Un neutro oscuro que pase el contraste
  • Probar en una publicación, una story y un banner reales

Una paleta fundida en un degradado suave te da un fondo inconfundiblemente tuyo, siempre que los colores estén emparentados.

Tres de las paletas de arriba como fondos. Los colores vecinos se mezclan con limpieza; deja el acento fuera de la mezcla y úsalo encima.

Prueba los colores de tu marca antes de comprometerte

  1. 1

    Haz tres diseños reales

    Una publicación cuadrada, una story de 1080×1920 y una cabecera de 1500×500, con palabras reales y tu logo.

  2. 2

    Comprueba el contraste del texto

    Tu neutro sobre tu fondo debe pasar WCAG AA. Contraste de color y accesibilidad muestra cómo medirlo.

  3. 3

    Míralo pequeño

    Reduce la publicación al tamaño de una miniatura. Si aún se nota que es tuya, la paleta cumple su función.

  4. 4

    Pruébalo junto a la competencia

    Pon tu publicación al lado de tres rivales locales. Si la tuya se confunde, cambia el acento, no toda la paleta.

  5. 5

    Anota los códigos

    Registra cada código hex y su función en un solo sitio.

Panadería Crumb
Pan fresco desde las siete.
Masa madre, centeno y el bollo del sábado
Gradiently · @gradiently

Probar una paleta en una publicación real: el titular, el detalle y el fondo tienen que funcionar juntos a 1080×1350.

Si quieres ayuda para elegir, cómo elegir colores de marca recorre la decisión desde cero, y combinaciones de colores para logos la reduce a los dos o tres colores que debería usar el propio logo.

Convertir los colores de marca en un estilo

Cinco códigos hex los puede copiar cualquiera. En Gradiently, un Mark lleva una paleta como un fondo vivo con su propia luz, grano y movimiento, y no hay dos Marks iguales. Busca en el Mercado con palabras de color como «verde azulado profundo» para encontrar uno cercano a tu paleta, diseña con él gratis y reserva el tuyo para que solo tú puedas exportar con él. Tu kit de marca guarda los códigos exactos para texto y acentos.

Encuentra un degradado que sea solo tuyo

Explora miles de Marks, diseña con cualquiera de ellos gratis y reserva el que sientas tuyo.

Explorar el Mercado

Preguntas frecuentes

¿Cuántos colores debe tener una marca?

Cuatro o cinco bastan para la mayoría de las marcas: un fondo, un color principal, un tono de apoyo, un neutro para el texto y un acento. Más que eso es difícil de usar con coherencia.

¿Cuál es el mejor color para una marca nueva?

No hay un único mejor color. Elige un color principal que encaje con lo que vendes y luego un acento que tus competidores no usen, para que los clientes te distingan.

¿Deben mis colores de marca coincidir con mi sector?

Coincidir con el sector con tu color principal ayuda a que te entiendan rápido. Romperlo con tu acento es lo que te hace memorable.

¿Cómo compruebo que los colores de mi marca son accesibles?

Mide el contraste del color de tu texto sobre tu fondo con un verificador de contraste WCAG. El texto corrido debe alcanzar al menos 4,5:1.

¿Puedo usar un degradado como color de marca?

Sí, siempre que se construya con colores emparentados de tu paleta y conserves una versión plana para usos pequeños como favicons y texto.

Compartir esta guía

Escrito por GradientlyCuenta verificada de Gradiently

El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.

Ver nuestro perfil

En esta página

Cómo se construye una paleta de colores de marcaPaletas de colores de marca por ambienteIdeas de colores de marca por sectorCómo hacer que una paleta se sienta como tu marcaPrueba los colores de tu marca antes de comprometerteConvertir los colores de marca en un estilo

Compartir esta guía

Siguiente en Ideas y tendencias

Combinaciones de colores para logos, con códigos hex

Sigue leyendo

Todas las guías de Ideas y tendencias
Color

Cómo elegir los colores de una marca: un método paso a paso

6 min de lectura

Los colores de una marca se eligen, no se encuentran. Un método claro te lleva de la página en blanco a una paleta distintiva, legible y que siga siendo la adecuada dentro de dos años.

Ideas y tendencias

Combinaciones de colores para logos, con códigos hex

6 min de lectura

Un logo tiene que sobrevivir a un favicon, a una fotocopia en gris y a una cabecera en modo oscuro. Estas parejas y tríadas están elegidas para lograrlo, con códigos y contraste que puedes comprobar tú mismo.

Color

La regla 60 30 10: proporción de color para diseño y marca

5 min de lectura

La mayoría de las paletas fallan en la proporción, no en la elección. Tres números te dicen cuánto usar de cada color, y funcionan igual de bien en la pantalla de un móvil que en los salones de los que vienen.

Encuentra el look que es solo tuyo.

Cada Mark es un fondo vivo con un único dueño. Prueba uno que siga disponible y reserva el tuyo cuando te convenza.

Empieza a diseñar

Comprobar un certificado

Escribe un número de certificado o el código de un Mark para ver de quién es.

Funciona con ChatGPT y Claude

Pídele un diseño a tu IA. Lo crea en tu Mark, listo para editar.

ChatGPTClaude
Cómo conectarlo

Producto

  • Mercado
  • Explorar
  • Precios
  • Certificados

Aprende

  • Guía práctica
  • Centro de ayuda
  • Novedades

Desarrolladores

  • Introducción
  • ChatGPT y Claude
  • Referencia de la API
  • Claves de API

Empresa

  • Quiénes somos
  • Contacto
  • Iniciar sesión

Legal

  • Términos
  • Privacidad
  • Reembolsos
  • Protección de Marks
  • Cookies
  • Todas las políticas
Recorre las letras. Cada una lleva un Mark real.Toca una letra para ver su Mark.Un nombre. Diez Marks dentro.
© 2026 Gradiently