color theoryNovember 5, 20268 min read

Paletas de colores pastel: 12 paletas suaves para marcas con códigos hex

Doce paletas de colores pastel y apagados para marcas y logotipos, cada una con sus códigos hex exactos. Toda paleta suave necesita un color más oscuro que sostenga la marca, y aquí está cuál.

By Boone
XLinkedIn
Pastel Color Palettes: 12 Soft Brand Palettes With Hex Codes

Una paleta de colores pastel es fácil de amar y fácil de usar mal. Los colores suaves hacen una marca amable, pero un logotipo necesita algo contra lo que apoyarse. Aquí tienes doce paletas pastel y apagadas con todos sus códigos hex, y el color más oscuro de cada una que hace de sostén.

Qué hace que una paleta pastel aguante

Un pastel es un color aclarado hacia el blanco, y un color apagado es uno rebajado hacia el gris. Ambos son calmados, y ambos pierden contraste rápido. Pon Blush Pop #FFB6EB sobre Vanilla Custard #FFF7AE y el borde desaparece.

Así que las paletas de abajo no son conjuntos de iguales. Cada una tiene colores con trabajos distintos: uno oscuro que pone el texto y la marca, y otros suaves que llenan el espacio. El cuarto recuadro de cada paleta muestra la pareja que una marca usaría de verdad, construida solo con esa paleta, sin blanco ni negro añadidos.

Hay tres maneras de lograrlo. Añadir una columna vertebral a los pastel, dejar que el oscuro lidere una paleta tranquila, o reservar los tonos medios para los titulares. Para la versión a todo volumen de la misma idea, mira nuestro artículo sobre paletas de colores vivos.

Pastel con columna vertebral

Los pastel hacen marcas suaves, y logotipos débiles, a menos que un color haga el trabajo pesado. En cada una de estas cuatro hay una pareja pastel y un color más oscuro que puede llevar la marca.

Blush Pop

#2F3D46

Charcoal Blue

#FFB6EB

Blush Pop

#FFF7AE

Vanilla Custard

Blush Pop

Blush Pop sobre Charcoal Blue

Charcoal Blue sostiene a Blush Pop y Vanilla Custard con holgura. Lleva un logotipo tipográfico a cualquier tamaño, así que es la columna vertebral más fuerte de las cuatro.

Blue Hepatica

#6060EE

Blue Hepatica

#F8CFFF

Pink Diamond

#CCDEF8

Fly a Kite

Blue Hepatica

Pink Diamond sobre Blue Hepatica

Una columna vertebral más suave. Blue Hepatica va bien para una marca grande sobre Pink Diamond o Fly a Kite, pero no para la letra pequeña de debajo. Pon el eslogan en algo más oscuro.

Van Dyke

#693E21

Van Dyke Brown

#F7EBA9

Bleached Sunflower

#C6D6EF

Misty Mountains

Van Dyke

Bleached Sunflower sobre Van Dyke Brown

Van Dyke Brown sostiene a Bleached Sunflower con holgura. Misty Mountains añade un pálido frío junto a la pareja cálida.

Polished Copper

#B7672C

Polished Copper

#D0EBFC

Cloudless

#FBF7F1

Morning Snow

Polished Copper

Morning Snow sobre Polished Copper

Polished Copper sigue la misma regla que Blue Hepatica: úsalo para el logotipo, no para la letra pequeña. Cloudless y Morning Snow son los dos fondos pálidos.

Paletas tranquilas lideradas por el oscuro

Una paleta tranquila funciona por luminosidad, no por tono. Si el oscuro queda lejos del claro, tres casi neutros siguen leyéndose como una marca. Este es también el caso más claro de paleta de colores apagados: poca saturación, y la estructura sale de la distancia entre oscuro y claro.

Demitasse

#40342B

Demitasse

#DBD5D1

White Sand

#F0EDE5

Coconut Milk

Demitasse

Coconut Milk sobre Demitasse

Demitasse, White Sand y Coconut Milk son tres neutros, y aun así se leen como una marca porque el oscuro queda lejos del claro.

Olive Leaf

#31031F

Midnight Violet

#66693E

Olive Leaf

#FFF8ED

Floral White

Olive Leaf

Floral White sobre Midnight Violet

Midnight Violet sobre Floral White va todavía más lejos: la mayor distancia de este grupo. Olive Leaf se sitúa entre ambos como el único color con un tono claro.

Wild Ginger

#492A34

Winetasting

#7C4C53

Wild Ginger

#DED7C8

Turtledove

Wild Ginger

Turtledove sobre Winetasting

Winetasting y Wild Ginger están muy juntos. Demasiado para texto, y perfecto para un patrón o una franja detrás de un logotipo. Turtledove es el color que lleva las palabras.

Arcane Red

#642828

Arcane Red

#ACB9D9

Lilac Sachet

#FAF6EB

Dipped in Cream

Arcane Red

Dipped in Cream sobre Arcane Red

Un rojo profundo con un lila frío y un crema. El rojo y el crema hacen la lectura, y Lilac Sachet es la única nota fría.

El truco para recordar: tono sobre tono es una textura, no un color de texto. Usa dos colores cercanos lado a lado para un patrón, y trae el lejano para las palabras.

Los tonos medios son para titulares

Tu color intermedio es un color de titular. Garden Matcha, Grape Nectar y Oil Blue son tonos medios, así que frente a cualquier otro color de su paleta funcionan para un logotipo grande o un titular y son demasiado débiles para la letra pequeña. Deja que el oscuro haga la lectura y guarda el tono medio para las formas grandes.

Light Coral

#FCF0D6

Papaya Whip

#E88F93

Light Coral

#05334A

Deep Space Blue

Light Coral

Light Coral sobre Deep Space Blue

La excepción. Light Coral sobre Deep Space Blue es lo bastante fuerte para llevar también la letra pequeña, así que esta paleta deja que el color llamativo haga los dos trabajos.

Garden Matcha

#668B4A

Garden Matcha

#F8F1DC

Milk Foam

#5A4636

Mocha

Garden Matcha

Milk Foam sobre Mocha

Mocha sostiene a Milk Foam y se lee con facilidad. Garden Matcha va en las formas grandes, como una franja, un panel o un titular.

Grape Nectar

#8D5C74

Grape Nectar

#F4C29F

Almond Cream

#502B33

Port Royale

Grape Nectar

Port Royale sobre Almond Cream

Port Royale sostiene a Almond Cream. Grape Nectar es el color de las formas grandes, y las palabras se quedan en la pareja oscura.

Oil Blue

#658C88

Oil Blue

#2C333E

Blueberry

#D1EFED

Mint Julep

Oil Blue

Blueberry sobre Mint Julep

Blueberry sostiene a Mint Julep. Oil Blue es el tono medio, usado en las áreas grandes y fuera de la letra pequeña.

Las doce paletas en una tabla

PaletaColoresMejor pareja para una marca
Blush PopCharcoal Blue #2F3D46, Blush Pop #FFB6EB, Vanilla Custard #FFF7AEBlush Pop sobre Charcoal Blue
Blue HepaticaBlue Hepatica #6060EE, Pink Diamond #F8CFFF, Fly a Kite #CCDEF8Pink Diamond sobre Blue Hepatica, solo marcas grandes
Van DykeVan Dyke Brown #693E21, Bleached Sunflower #F7EBA9, Misty Mountains #C6D6EFBleached Sunflower sobre Van Dyke Brown
Polished CopperPolished Copper #B7672C, Cloudless #D0EBFC, Morning Snow #FBF7F1Morning Snow sobre Polished Copper, solo marcas grandes
DemitasseDemitasse #40342B, White Sand #DBD5D1, Coconut Milk #F0EDE5Coconut Milk sobre Demitasse
Olive LeafMidnight Violet #31031F, Olive Leaf #66693E, Floral White #FFF8EDFloral White sobre Midnight Violet
Wild GingerWinetasting #492A34, Wild Ginger #7C4C53, Turtledove #DED7C8Turtledove sobre Winetasting
Arcane RedArcane Red #642828, Lilac Sachet #ACB9D9, Dipped in Cream #FAF6EBDipped in Cream sobre Arcane Red
Light CoralPapaya Whip #FCF0D6, Light Coral #E88F93, Deep Space Blue #05334ALight Coral sobre Deep Space Blue
Garden MatchaGarden Matcha #668B4A, Milk Foam #F8F1DC, Mocha #5A4636Milk Foam sobre Mocha
Grape NectarGrape Nectar #8D5C74, Almond Cream #F4C29F, Port Royale #502B33Almond Cream sobre Port Royale
Oil BlueOil Blue #658C88, Blueberry #2C333E, Mint Julep #D1EFEDMint Julep sobre Blueberry

Cómo usar una paleta pastel para tu marca

  1. Nombra primero la columna vertebral. Antes de enamorarte de los colores suaves, elige el color más oscuro que llevará el logotipo y las palabras, como Port Royale #502B33 bajo Almond Cream #F4C29F.
  2. Dale al tono medio solo trabajos grandes. Titulares, franjas, paneles y marcas grandes. Nunca la nota al pie.
  3. Usa el color más pálido como página. Casi todo lo que la gente ve de una marca es fondo, y un crema suave o un tinte pálido es más calmado que el blanco puro.
  4. Prueba el logotipo en un solo color. Si solo funciona en el pastel, fallará en un sello, un recibo o una foto oscura. Nuestro artículo sobre la paleta de colores de marca cubre el sistema completo, y la armonía del color explicada cubre por qué estas combinaciones funcionan bien juntas.

Consigue los archivos de cada familia

Cada familia es un set de colores gratis en Forge, con códigos para copiar al toque, archivos de muestras para Figma y Adobe (ASE), variables CSS y design tokens.

Set de colores gratis

Pastel con columna vertebral: Blush Pop, Blue Hepatica, Van Dyke, Polished Copper

Todos los hex, más muestras ASE, variables CSS y design tokens.

Abrir el set

Set de colores gratis

Paletas tranquilas lideradas por el oscuro: Demitasse, Olive Leaf, Wild Ginger, Arcane Red

Todos los hex, más muestras ASE, variables CSS y design tokens.

Abrir el set

Set de colores gratis

Los tonos medios son para titulares: Light Coral, Garden Matcha, Grape Nectar, Oil Blue

Todos los hex, más muestras ASE, variables CSS y design tokens.

Abrir el set

Preguntas frecuentes

¿Qué es una paleta de colores pastel?

Una paleta de colores pastel es un conjunto de colores suaves y claros como Blush Pop #FFB6EB, Pink Diamond #F8CFFF y Fly a Kite #CCDEF8. Para una marca, funciona mejor cuando se añade un color más oscuro que lleve el logotipo y el texto.

¿Qué es una paleta de colores apagados?

Una paleta de colores apagados usa colores con poca saturación, como los neutros Demitasse #40342B, White Sand #DBD5D1 y Coconut Milk #F0EDE5. Saca su estructura de la distancia entre el oscuro y el claro, no de tonos brillantes.

¿Qué colores combinan con los pastel?

Un color profundo de un tono relacionado. Charcoal Blue #2F3D46 sostiene a Blush Pop #FFB6EB, y Van Dyke Brown #693E21 sostiene a Bleached Sunflower #F7EBA9. Los pastel pasan a ser el fondo y el oscuro hace el trabajo.

¿Puedo usar un color pastel en un logotipo?

Sí, si va sobre un color más oscuro o la marca está en uno más oscuro. Un logotipo pastel sobre un fondo pálido pierde su borde. Columnas vertebrales más suaves como Blue Hepatica #6060EE sirven para una marca grande, pero no para el texto pequeño a su lado.

¿Qué colores de una paleta debo usar para titulares?

Los intermedios. En Garden Matcha, Grape Nectar y Oil Blue, el tono medio es un color de titular y el oscuro lleva la letra pequeña. Light Coral #E88F93 sobre Deep Space Blue #05334A es la excepción, porque es lo bastante fuerte para ambos.

¿Son gratis estas paletas de colores?

Sí. Los códigos hex se pueden usar gratis en cualquier proyecto, y cada familia es una descarga gratuita en Forge con archivos de muestras y CSS.

Fuentes

  • Nombres de colores y códigos hex tomados de las tarjetas de paleta del tablero de color de nuestro equipo, verificados con los sets de color publicados en Forge.
  • Legibilidad de cada pareja comprobada con la fórmula de contraste de WCAG 2. Pastel con columna vertebral: Charcoal Blue y Van Dyke Brown llevan texto sobre sus pastel, mientras que Blue Hepatica y Polished Copper son columnas más suaves que sirven para marcas grandes. Los tonos medios de Garden Matcha, Grape Nectar y Oil Blue cumplen el mínimo de WCAG solo para texto grande; Light Coral lo supera para texto pequeño sobre Deep Space Blue.
  • Publicado originalmente como tres carruseles en Logo Brainy: Pastel con columna vertebral, Paletas tranquilas lideradas por el oscuro y Los tonos medios son para titulares.

Want a palette built for your own brand, tested on your logo, your packaging and your screens? Our team designs brand identities that hold up everywhere.

Get Started

More from Brainy Papers

Keep reading