20 Paletas de Color Tangerina Oscura con Hexadecimal para Inspirarte

El naranja oscuro es un naranja cálido que transmite confianza, energía y un toque terroso—haciéndolo un ancla versátil para paletas modernas.

A continuación, ideas de paletas de color naranja oscuro con códigos HEX que puedes usar para branding, interfaces, carteles, empaques y mood boards acogedores de interiores.

Por Qué Funcionan Tan Bien las Paletas de Naranja Oscuro

El naranja oscuro se sitúa en el punto intermedio entre un naranja brillante y la terracota terrosa, por lo que puede percibirse como divertido o sofisticado según con qué lo combines. Aporta calidez instantánea sin verse plano.

También funciona muy bien como color de acento: un poco sirve mucho en botones, etiquetas, resaltes y llamadas a la acción. Cuando lo anclas con gris oscuro, azul marino, pizarra o neutros cálidos, mantiene la sofisticación.

Como el naranja oscuro naturalmente sugiere luz solar, especias y energía, es una excelente opción para marcas que desean cercanía y dinamismo—especialmente en interfaz donde el contraste y la jerarquía importan.

Más de 20 Ideas de Paletas de Color Naranja Oscuro (con Códigos HEX)

1) Cítrico Noir

HEX: #e0741e #1e1b18 #f5e6d3 #6c7a89 #c9a227

Ambiente: audaz, editorial, dramático

Ideal para: branding de moda y lookbooks

Contraste audaz y editorial que se siente como una galería nocturna iluminada con ámbar cálido. El negro profundo da solidez al naranja y lo hace verse elegante, no llamativo. Combínalo con texturas de papel crema y un toque de acero apagado para un balance moderno. Consejo de uso: utiliza el naranja para los titulares y bloques pequeños, y deja que la base oscura lleve el peso visual.

Ejemplo de imagen de cítrico noir generada con media.io

Media.io

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

Pruébalo gratis ahora

2) Lino Terracota

HEX: #d86a2b #f2e5d5 #bfa38a #7a5a44 #2e2a25

Ambiente: cálido, rústico, terrenal

Ideal para: mood boards de decoración del hogar

Tonos cálidos y rústicos que evocan arcilla horneada por el sol, cortinas de lino y cerámica hecha a mano. Esta combinación funciona mejor cuando los neutros claros ocupan la mayor área. Agrega el marrón cacao para profundidad en la tipografía o bordes. Consejo de uso: usa el beige medio como color puente entre el naranja y los acentos oscuros para una transición más suave.

Ejemplo de imagen de lino terracota generada con media.io

3) Puerto al Atardecer

HEX: #e67b2e #0f3b4c #f7c59f #1f6f8b #f2f2f0

Ambiente: fresco, costero, seguro

Ideal para: carteles de viaje y anuncios de destinos

Energía costera fresca, como un puerto durante la hora dorada con sombras de agua fría. El azul marino y el verde azulado evitan que el naranja sea demasiado otoñal, haciéndolo ideal para trabajos de viaje. Combínalo con espacio blanco y figuras geométricas simples. Consejo de uso: reserva el verde azulado para iconos secundarios y deja que el naranja destaque la llamada a la acción principal.

Ejemplo de imagen de puerto al atardecer generada con media.io

4) Albaricoque Especiado

HEX: #f08a3c #ffd7b0 #a64b2a #5e6b4e #2b2b2b

Ambiente: acogedor, apetitoso, artesanal

Ideal para: empaques de café y menús de cafetería

Calidez acogedora y apetecible que recuerda a fruta horneada, corteza de canela y estantes de madera. El verde aporta un contrapunto sabroso, perfecto para marcas alimenticias que quieren profundidad. Combina el albaricoque claro con texto oscuro para legibilidad. Consejo de uso: usa el marrón más intenso para el texto y reserva el naranja para distintivos y pistas de sabor.

Ejemplo de imagen de albaricoque especiado generada con media.io

5) Ámbar Pizarra

HEX: #d9772a #2f3a44 #8fa1b3 #f1efe9 #b65d1a

Ambiente: moderno, profesional, estable

Ideal para: branding SaaS y páginas de aterrizaje

Moderna y estable, como luz cálida sobre metal pulido en un espacio de trabajo limpio. Esta paleta de naranja oscuro se siente confiable cuando la pizarra y el azul grisáceo dominan el diseño. Combínala con márgenes generosos en blanco roto y tipografía sans serif nítida. Consejo de uso: utiliza el naranja más intenso como estado hover o activo para que las interacciones se sientan intencionadas.

Ejemplo de imagen de ámbar pizarra generada con media.io

6) Naranja con Verde Azulado

HEX: #e86f1c #0f7c7a #0b2e3a #f3f0e7 #f2b84b

Ambiente: vibrante, deportivo, enérgico

Ideal para: pantallas de onboarding de aplicaciones

Energía vibrante y deportiva, como correr al amanecer junto al agua. Las combinaciones con naranja oscuro brillan aquí porque el verde azulado aporta contraste instantáneo sin ser duro. Usa el blanco roto con amplio espacio para que la interfaz respire. Consejo de uso: el acento dorado sirve para indicadores de progreso y reserva el verde azulado para acciones secundarias.

Ejemplo de imagen de naranja con verde azulado generada con media.io

7) Mercado de Otoño

HEX: #d86c24 #8c3b1f #f0d7b8 #3e4a2e #2c2a23

Ambiente: terroso, nostálgico, acogedor

Ideal para: volantes de mercado de agricultores

Calidez terrosa y nostálgica que recuerda calabazas apiladas, etiquetas de papel kraft y hierbas secas. El marrón profundo y oliva le dan un toque artesanal y otoñal al naranja. Combínalo con ilustraciones simples y titulares gruesos para lectura rápida. Consejo de uso: imprime en papel sin recubrimiento para que los tonos luzcan más intensos y naturales.

Ejemplo de imagen de mercado de otoño generada con media.io

8) Nube Cobriza

HEX: #c96522 #e9d4c3 #aab4b8 #5a646b #2d2f33

Ambiente: calmado, industrial, refinado

Ideal para: plantillas de presentación

Calma y refinamiento, como detalles de cobre sobre niebla suave y hormigón. Los grises fríos evitan que el naranja domine las diapositivas y gráficos. Usa iconos lineales mínimos y espaciado consistente. Consejo de uso: asigna el naranja como color de resalte para cifras clave y mantén el resto en gris para claridad.

Ejemplo de imagen de nube cobriza generada con media.io

9) Crepúsculo del Desierto

HEX: #e07a1f #5c4a3b #c9b29b #2f6b63 #1f2326

Ambiente: aventurero, terrenal, cinematográfico

Ideal para: empaques de marca para exteriores

Aventurera y cinematográfica, como senderos del desierto enfriándose después del atardecer. El verde azulado aporta una nota de oasis sobre arenas y marrones de piedra. Combina con tipografía robusta y sellos simples. Consejo de uso: usa el tono más oscuro para líneas y etiquetas de modo que los tonos cálidos sigan siendo protagonistas.

Ejemplo de imagen de Crepúsculo del desierto generado usando media.io

10) Estudio Persimmon

HEX:#f27f2b#1d1d1f#f6f1e6#3b5f8a#e0b45a

Ambiente:Creativo, pulido, de alto contraste

Ideal para:Sitios web del portafolio

Pulido creativo con alto contraste, como focos de estudio sobre un telón de fondo cálido. Este esquema de colores mandarina oscura gana sofisticación de carbón de tinta y un acento azul mezclilla. Combínalo con un espacio en blanco generoso para mantener el diseño moderno. Consejo de uso: use el tono dorado para los divisores sutiles y los estados de pavimento en lugar de agregar colores adicionales.

Ejemplo de imagen de persimmon studio generado usando media.io

11) Tarjeta postal Vintage

HEX:#d96b2a#f4e1c6#9d8b7a#4a3b35#5a7d7c

Ambiente:Nostálgico, suave, de viaje

Ideal para:suites de papelería de boda

Suavidad nostálgica que se siente como tinta desvanecida por el sol en una postal bien viajada. El azul silenciado actúa como un suave contrapeso a los cálidos naranjas y marrones. Combínalo con papel texturizado y elegante tipo serif para un look atemporal. Consejo de uso: Mantenga el naranja para monogramas o pequeños florecimientos para que la suite permanezca delicada.

Ejemplo de imagen de una postal vintage generada usando media.io

12) Arcilla y salvia

HEX:#d46a28#7a8b6a#f3e9da#3f4b3e#b9a089

Ambiente:natural, equilibrado, calmante

Ideal para:Identidad de marca de bienestar

Equilibrio Natural que evoca plantadoras de terracota, hierbas trituradas y cálida luz solar. Las verduras de salvia mantienen la paleta tranquila y hacen que la naranja se sienta más orgánica. Combínalo con degradados suaves o grano de papel para un acabado suave. Consejo de uso: Utilice sage para los fondos y deje que el naranja marque los beneficios clave y los iconos.

Ejemplo de imagen de clay & sage generado usando media.io

13) Noche de hoguera

HEX:#e06b1b#3a1f1a#2b2b2b#f2c14e#f6e8d7

Ambiente:Dramático, cálido, festivo

Ideal para:Carteles de eventos y gráficos de entradas

Calidez dramática como chispas contra un cielo nocturno, con oro de brasa iluminando los bordes. Los marrones profundos y negros dan al naranja un fuerte golpe de celebración sin sentirse infantil. Combínalo con tipos condensados en negrita y iconos simples. Consejo de uso: Utilice la crema como zona de foco para las fechas y los detalles del lugar.

Ejemplo de imagen de noche de hoguera generado usando media.io

14) Crema de huerto

HEX:#e67a2a#fff1dc#bfd4c7#6a7b75#8a4b2a

Ambiente:Fresco, aire, saludable

Ideal para:Etiquetas de alimentos orgánicos

Tonos frescos y aireados que se sienten como un picnic en un huerto con crema ligera y verdes suaves. Las suaves notas de menta mantienen el naranja brillante y limpio para el trabajo de alimentos y bebidas. Combínalo con ilustraciones sencillas y mucho espacio para respirar. Consejo de uso: Imprima el naranja como un color spot para una vibrancia consistente en todos los lotes de etiquetas.

Ejemplo de imagen de crema de huerto generada usando media.io

15) Ladrillo urbano

HEX:#c85d22#2b3036#c7cdd1#f2f2f2#7b4a2e

Ambiente:Urbano, limpio, discreto

Ideal para:Página web de architecture studio

Disfraz urbano, como ladrillo calentado por la luz de la tarde contra el acero y el hormigón. Los grises mantienen el naranja a tierra y moderno en lugar de juguetón. Combínalo con cuadrículas nítidas, reglas delgadas y fotografía monocromática. Consejo de uso: Utilice el color naranja con moderación para destacar la navegación y enlaces clave para evitar ruido visual.

Ejemplo de imagen de ladrillo urbano generado usando media.io

16) Óxido dorado

HEX:#d46b1e#b97a2b#5b3a29#e7d6c5#2c3e3a

Ambiente:Patrimonio, Al aire libre, Táctile

Ideal para:Diseños de latas de cerveza artesanal

Calidez del patrimonio con una sensación táctil y al aire libre, como cuero desgastado y herrajes de latón. El verde profundo agrega un contrapeso clásico que hace que las naranjas se sientan envejecidas y intencionadas. Combínalo con logotipos de insignia y patrones texturizados. CONSEJO DE USO: Mantenga la crema para el espacio negativo para que los tonos más oscuros no abarroten el diseño.

Ejemplo de imagen de óxido dorado generado usando media.io

17) UI mínima cálida

HEX:#e57a26#ffffff#f2e7db#2a2a2a#6b7280

Ambiente:Mínimo, amable, moderno

Ideal para:kits de interfaz de usuario móvil

Mínimo y amigable, como la cálida luz del sol sobre un escritorio blanco con un solo acento audaz. Esta paleta de color mandarina oscura es ideal cuando desea un color de acción destacado sin sacrificar la claridad. Combínalo con texto de carbón y grises suaves y cálidos para las superficies. Consejo de uso: use el color naranja solo para los botones y botones principales para mantener la accesibilidad fuerte.

Ejemplo de imagen de la interfaz de usuario mínima cálida generada usando media.io

18) Mandarina botánica

HEX:#e4721e#2e5e4e#a6c2b2#f7e7d0#6b3f2a

Ambiente:Fresco, botánico, relajante

Ideal para:Ilustraciones de primavera y tarjetas de felicitación

Fresca calma botánica, como flores de cítricos y tallos de hoja pintados en lavados suaves. Los verdes en capas evitan que la naranja domine y le ayudan a sentirse natural. Combínalo con fondos de papel texturizado y tipo de letras a mano. Consejo de uso: Elige un verde como tono de sombra para que la ilustración permanezca cohesiva.

Ejemplo de imagen de mandarina botánica generada usando media.io

19) Póster del Festival

HEX:#f06e1d#f2c94c#1b3a57#f6f1e9#d64545

Ambiente:Juguetón, Ruido, Contemporáneo

Ideal para:Carteles de festivales de música

Juguetones y ruidosos, como luces de escenario que rebotan de formas de papel atrevidas. Las combinaciones de colores de mandarina oscura se sienten extra modernas aquí cuando se basan en azul marino y se calientan con amarillo soleado. Combínalo con un tipo grande y una geometría simple para un impacto instantáneo desde una distancia. Consejo de uso: Mantenga el rojo como un pequeño acento para las fechas o etiquetas agotadas, no como un bloque principal.

Ejemplo de imagen de cartel de festival generado usando media.io

20) Cabaña acogedora

HEX:#d86a25#4b3328#cbb49b#7c8a75#f5ebdd

Ambiente:Acogedor, tranquilo, vivido

Ideal para:Encabezados de blogs de estilo de vida

Comodidad acogedora de la cabaña, como mantas de punto, madera cálida y té de la tarde. El gris-verde salvia enfría el naranja lo suficiente como para sentirse relajado. Combínalo con fotografía suave y titulares serifes para un ambiente hogareño. Consejo de uso: Utilice la crema como fondo y traiga naranja solo para pequeños reflejos e iconos.

Ejemplo de imagen de cozy cabin generado usando media.io

¿Qué Colores Combinan Bien con el Naranja Oscuro?

La mandarina oscura se combina maravillosamente con los neutros profundos como el carbón, casi negro, marrón espresso y gris pizarra. Estos tonos mantienen el aspecto naranja premium y le dan un fuerte contraste para la tipografía y los componentes de la interfaz de usuario.

Para un equilibrio más fresco, opte por azul azul, azul vaquero, azul marino y gris azul: estos complementos hacen que la mandarina oscura se sienta fresca y contemporánea en lugar de demasiado estacional. Los tonos de papel blanco, crema y cálido también ayudan a la paleta a respirar.

Si quieres una dirección terrosa, agrega salvia, aceituna, arena y marrón arcilloso. Esta combinación se lee natural y a tierra, lo que es ideal para el bienestar, la comida y la decoración.

Cómo Usar una Paleta de Naranja Oscuro en Diseños Reales

Utilice dark tangerine como acento primero: botones primarios, iconos clave, insignias y resaltados. Mantenerlo a un pequeño porcentaje del diseño hace que su jerarquía sea más clara y evita que la interfaz se sienta demasiado ruidosa.

Para la impresión, dark tangerine sobresale en titulares, formas y llamadas, especialmente cuando se combina con cremas texturizadas o estética de papel sin recubrir. Añade una base oscura (carbón o marrón oscuro) para la legibilidad y un acento fresco (azul o pizarra) para un contraste moderno.

En los sistemas de branding, define un naranja principal, un naranja activo y dos neutros (superficie clara + texto oscuro). Esto mantiene sus componentes consistentes en la web, el paquete y las plantillas sociales.

Crea Visuales de Paleta Naranja Oscura con IA

Si ya tiene códigos hexagonales pero necesita imágenes visuales (carteles, maquetas de interfaz de usuario, conceptos de etiquetas o tableros de ánimo), la generación de imágenes con inteligencia artificial puede ayudarlo a explorar estilos rápidamente sin comenzar desde un lienzo en blanco.

Utilice las instrucciones anteriores como plantillas, luego intercambie su producto, tipo de diseño y relación de aspecto. Mantenga las palabras de color (mandarina oscura, crema, pizarra, azul verde, etc.) consistentes para que los resultados permanezcan en la paleta.

Genere algunas variaciones, elija la composición más fuerte y repita ajustando el mensaje (estilo de tipografía, espacio negativo, textura del material) hasta que coincida con su marca.

Siguiente: Paleta de colores del metro