Paleta de colores ónix: 20 ideas con códigos hexadecimales

Ónix es un neutro negro carbón profundo que instantáneamente hace que los diseños se sientan modernos, premium e intencionales. Es un ancla confiable para interfaces, branding e interiores porque controla el contraste sin opacar los colores secundarios.

A continuación se encuentran 20 ideas de paletas de colores ónix con códigos HEX, además de consejos rápidos sobre qué combinar con ónix y cómo aplicar estos esquemas en proyectos reales.

Por Qué Las Paletas Ónix Funcionan Tan Bien

Ónix funciona porque se comporta como un “neutro inteligente”: más oscuro que el carbón, más suave que el negro puro, y versátil entre combinaciones cálidas y frías. Crea una base visual sólida mientras deja espacio para que los colores de acento resalten.

En el diseño de interfaces, ónix reduce el resplandor en comparación al negro verdadero y facilita la jerarquía: la navegación, las tarjetas y las capas de datos se pueden separar con matices sutiles de gris. En branding e impresos, comunica confianza y sofisticación sin la dureza del negro puro.

Ónix también combina bellamente con tonos metálicos, cremas y verdes apagados, lo que lo convierte en una excelente elección para estéticas modernas, premium e inspiradas en la naturaleza.

20+ Ideas de Paletas de Colores Ónix (con Códigos HEX)

1) Ónix Medianoche

HEX: #0b0c0f #1a1c22 #2f313a #c7c9cf #f4f5f7

Ambiente: elegante, moderno, alto contraste

Mejor para: panel de control oscuro (UI)

Elegante y nocturno, como luces de ciudad reflejadas en vidrio negro. Úsalo en tableros y pantallas de analítica donde la jerarquía es importante y el reflejo debe mantenerse bajo. Equilibra los tonos más profundos con grises suaves para la legibilidad y reserva el casi blanco para cifras clave y llamadas a la acción. Consejo: utiliza texto del cuerpo en gris claro, no blanco puro, para reducir la fatiga visual.

Ejemplo de imagen de ónix medianoche generado usando media.io

Media.io

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

Pruébalo gratis ahora

2) Perla Ahumada

HEX: #121316 #2a2c33 #6b6f7a #d7d9de #fbfbfc

Ambiente: suave, aireado, refinado

Mejor para: diseño editorial

El humo suave y los reflejos perlados crean una calma y elegancia discreta. Brilla en diseños estilo revista, artículos largos y portafolios donde el espacio en blanco forma parte de la historia. Combina el ancla oscura con reglas y leyendas gris medio para mantener el orden. Consejo: usa el tono más oscuro para titulares y el gris pálido para divisores en vez de líneas pesadas.

Ejemplo de imagen de perla ahumada generado usando media.io

3) Bronce Noir

HEX: #0e0f12 #26221d #6a4b2f #c7a072 #f3eee6

Ambiente: lujo, cálido, dramático

Mejor para: identidad de marca premium

Lujoso y a la luz de las velas, con brillos cálidos de bronce sobre una base oscura. Esta paleta ónix es ideal para logos premium, servicios exclusivos y branding de hoteles boutique. Combina el bronce con crema para mayor elegancia y reserva el tono más profundo para fondos y sellos. Consejo: usa el bronce solo como un acento delgado tipo foil y no en bloques grandes para mantener la sensación premium.

Ejemplo de imagen de bronce noir generado usando media.io

4) Ceniza Forestal

HEX: #0d0f10 #1f2422 #3e5a4c #a9b6ad #f1f3f1

Ambiente: natural, sereno, equilibrado

Mejor para: empaque de producto eco

Enraizado como un sendero sombreado con verdes musgo y corteza gris ceniza. Úsalo para productos sustentables, cosmética natural o empaque de café donde los mensajes naturales importan. Combina el verde bosque con etiquetas blanco hueso para claridad y reserva el casi negro para tipografía y códigos de barras. Consejo: mantén el verde en proporción moderada para que el empaque se vea limpio en el estante.

Ejemplo de imagen de ceniza forestal generado usando media.io

5) Sombra Palo de Rosa

HEX: #0f0e10 #2a1f23 #5a2f3b #c9a3ad #f6eef0

Ambiente: romántico, sofisticado, elegante

Mejor para: set de invitaciones de boda

Romántico y misterioso, como pétalos de rosa prensados en un diario oscuro. Funciona maravillosamente en papelería de boda, invitaciones de eventos nocturnos y campañas de belleza lujosa. Combina el rubor envejecido con el tono vino profundo para nombres y encabezados y deja el rosa claro como espacio de respiro. Consejo: usa el tono más oscuro para texto y evitar contrastes fangosos en impresión.

Ejemplo de imagen de sombra palo de rosa generado usando media.io

6) Tinta Ártica

HEX: #0a0c10 #1c2430 #4a6b86 #c9d7e2 #fbfdff

Ambiente: nítido, frío, moderno-tecnológico

Mejor para: página de aterrizaje SaaS

Nítido y frío, como tinta sobre vidrio escarchado. Úsalo en páginas SaaS que necesitan una vibra técnica y segura sin ser neón. Combina azul acero con secciones casi blancas y reserva la tinta más oscura para navegación y pies de página. Consejo: usa el azul para una sola acción principal y repítelo solo en íconos para enfocar la página.

Ejemplo de imagen de tinta ártica generado usando media.io

7) Pizarra Lavanda

HEX: #0e0f14 #242334 #5b5472 #c6c2d6 #f7f6fb

Ambiente: onírico, sereno, contemporáneo

Mejor para: diseño de portada de libro

Soñador y tranquilo, como el crepúsculo sobre techos de pizarra. Es ideal para portadas de ficción contemporánea y colecciones de poesía donde el ambiente importa más que el detalle. Combina el lavanda medio con el tono más oscuro para texto claro y suaviza con lila pálido para el fondo. Consejo: agrega textura con grano sutil para que los morados se perciban impresos, no plásticos.

Ejemplo de imagen de pizarra lavanda generado usando media.io

8) Carbono Arenisca

HEX: #101010 #2a2622 #7a6b5b #d7cbbd #fbf6ef

Ambiente: terroso, cálido, atemporal

Mejor para: moodboard de interiorismo

Terroso y atemporal, como bocetos de carbón en papel arenisca. Úsalo en moodboards de interiorismo, branding de hogar y páginas de productos artesanales. Combina el beige cálido con negro carbono para contraste y deja el topo como puente entre ambos en textiles y fondos. Consejo: repite el beige como espacio negativo para que los tonos oscuros se perciban intencionales y no pesados.

Ejemplo de imagen de carbono arenisca generado usando media.io

9) Hollín Esmeralda

HEX: #0b0d0f #1b2a25 #0f6a4f #9bc7b7 #f3faf7

Ambiente: fresco, exclusivo, seguro

Mejor para: carta de coctelería

Fresco pero sofisticado, como cristalería esmeralda en un lounge tenue. El toque verde aporta carácter a menús, señalización y branding nocturno sin perder legibilidad. Para mejores combinaciones ónix aquí, manten fondos oscuros, texto en menta clara y usa esmeralda solo para encabezados y accesorios. Consejo: elige una sola tipografía display en títulos para que la paleta sea la protagonista.

Ejemplo de imagen de hollín esmeralda generada con media.io

10) Ascua Cobriza

HEX: #0f0d0c #2a1e19 #8a4b2a #d7a67b #f6efe7

Ambiente: acogedor, audaz, artesanal

Mejor para: cartel publicitario de producto

Acogedor y audaz, como brasas que brillan en una chimenea oscura. Funciona para anuncios de comida artesanal, lanzamientos de café y promociones otoñales donde la calidez vende. Combina el cobre con crema para titulares legibles y utiliza el tono más oscuro para enmarcar imágenes o bordes. Consejo: limita los degradados de cobre y elige bloques planos para un aspecto moderno y premium.

Ejemplo de imagen de ascua cobriza generada con media.io

11) Grafito Oceánico

HEX: #0b0d10 #1a2330 #2d4f6a #9fb5c6 #f2f6fa

Ambiente: calmado, profesional, confiable

Mejor para: informe anual

Calmado y profesional, como un océano profundo bajo cielos nublados. Úsalo para informes anuales, presentaciones a inversores y comunicaciones corporativas que necesitan autoridad sin dureza. Combina el grafito con azul frío para gráficos y guarda el tono más claro para tablas y márgenes. Consejo: reserva el tono más oscuro solo para encabezados cuando la página sea densa para que no se sienta pesada.

Ejemplo de imagen de grafito oceánico generada con media.io

12) Olive Drab Noir

HEX: #0c0d0c #1f2219 #4a5a2a #b9c1a3 #f4f6ef

Ambiente: resistente, aventurero, discreto

Mejor para: branding de equipo para exteriores

Resistente y discreto, como lona desgastada y chaquetas de campo. Es perfecto para marcas de exteriores, boletines de aventuras y etiquetas utilitarias donde la practicidad manda. Combina el oliva con el sage pálido para parches y etiquetas, y usa el casi negro para logotipos audaces. Consejo: mantén el alto contraste en etiquetas pequeñas poniendo el texto sobre el tono más claro de fondo.

Ejemplo de imagen de olive drab noir generada con media.io

13) Granito Rubor

HEX: #0e0f12 #2a2a2e #7b6f75 #e1cfd6 #fbf6f8

Ambiente: suave, minimalista, elegante

Mejor para: interfaz e-commerce de belleza

Suave y elegante, como polvo rubor sobre granito. Úsalo para tiendas de belleza, UI de skincare y páginas de productos que necesitan contraste delicado. Combina grises de granito con acentos rubor en insignias y valoraciones, manteniendo botones en el tono más oscuro para claridad. Consejo: elige un solo tono de rubor para todos los destacados para que la interfaz sea coherente.

Ejemplo de imagen de granito rubor generada con media.io

14) Carbón Dorado

HEX: #0d0e10 #242424 #6a5a2a #d6c27a #fbf7e8

Ambiente: clásico, sofisticado, festivo

Mejor para: flyer de evento

Clásico y festivo, como focos cálidos sobre un escenario oscuro. Funciona para flyers de gala, gráficos de noche de premios y anuncios de hitos. Combina el dorado con carbón para tipografía nítida, y deja la crema pálida como base amigable para impresión. Consejo: usa el dorado para reglas, puntos y pequeños iconos para evitar rellenos grandes.

Ejemplo de imagen de carbón dorado generada con media.io

15) Tinta y Marfil

HEX: #07080a #1a1c1f #4a4f57 #e7e2d8 #fffaf0

Ambiente: limpio, atemporal, editorial

Mejor para: sitio web de portafolio

Limpio y atemporal, como dibujos de tinta sobre papel marfil. Como esquema ónix, es perfecto para portafolios donde el trabajo destaque sin colores estridentes. Combina fondo marfil con texto carbón y usa gris medio en estados UI sutiles como botones deshabilitados. Consejo: añade un tratamiento de acento consistente, como subrayados, en vez de introducir colores extra.

Ejemplo de imagen de tinta y marfil generada con media.io

16) Obsidiana Moca

HEX: #0d0c0b #231d19 #5a3f34 #c8b3a6 #f6f0eb

Ambiente: cálido, acogedor, premium

Mejor para: packaging de cafetería

Cálido y acogedor, como crema de espresso sobre obsidiana oscura. Úsalo para bolsas de café, etiquetas de tostador y tarjetas de fidelidad con un toque premium. Combina marrones moca con crema pálida para bloques de ingredientes y usa el tono más profundo para logos y niveles de tueste. Consejo: usa el tono moca medio para texto secundario y lograr un diseño con capas, no plano.

Ejemplo de imagen de obsidiana moca generada con media.io

17) Noche de Acero

HEX: #0b0c0f #1a2029 #3a4a5c #aab7c5 #f4f7fb

Ambiente: industrial, concentrado, nítido

Mejor para: tema de visualización de datos

Industrial y concentrado, como vigas de acero bajo un cielo nocturno. Es ideal para visualizaciones de datos donde líneas, etiquetas y destacados deben leerse rápido. Combina el acero profundo con gris azul claro para cuadrículas y utiliza el casi blanco para tarjetas de fondo. Consejo: usa un color de acento para la serie de mayor prioridad y atenúa todo lo demás a tono acero medio.

Ejemplo de imagen de noche de acero generada con media.io

18) Sage y Hollín

HEX: #0d0f0e #202622 #6f8a7b #ccd8d1 #f6fbf8

Ambiente: fresco, gentil, restaurador

Mejor para: folleto spa

Fresco y restaurador, como vapor elevándose en un tranquilo jardín de hierbas. Úsalo para folletos de spa, landing page de bienestar y guías de productos calmantes. Combina verdes sage con blanco roto suave para diseños respirables y usa hollín para encabezados y destacados. Consejo: mantén las fotos cálidas-neutras para que el verde no se vuelva demasiado azul en pantalla.

Ejemplo de imagen de sage y hollín generada con media.io

19) Ceniza Ciruela

HEX: #0d0c10 #251a2a #5a2d63 #c9a7cf #f7f0fa

Ambiente: audaz, artístico, misterioso

Mejor para: cartel musical

Audaz y misterioso, como bruma púrpura sobre amplificadores oscuros. Esta paleta ónix aporta drama a carteles musicales, noches de club y gráficos de promoción de álbum. Combina ciruela con lila pálida para tipos legibles y estabiliza el layout con bloques casi negros y bordes. Consejo: deja que la ciruela domine en una gran forma y mantén el resto minimalista.

Ejemplo de imagen de ceniza ciruela generada con media.io

20) Terracota Crepúsculo

HEX: #100d0c #2a1f1b #8a4a3c #d9b0a7 #fbf1ee

Ambiente: cálido, rústico, moderno

Mejor para: menú de restaurante

Cálido y rústico, como baldosas terracota enfriándose al atardecer. Úsalo para menús de restaurante, branding de panadería y ofertas de temporada con toque moderno. Combina terracota con rubor pálido para fondos de sección y usa casi negro para nombres de ítems y precios. Consejo: agrega separadores sutiles en tono rubor apagado en vez de líneas pesadas para que el layout luzca elegante.

Ejemplo de imagen de terracota crepúsculo generada con media.io

¿Qué Colores Combinan Bien con Ónix?

El ónix combina bien con blancos suaves y grises fríos para un contraste limpio y de alta legibilidad—perfecto para layouts editoriales y UI. Si quieres una sensación más cálida, intercambia cremas, arena y taupe para que el ónix se sienta menos “tech” y más “hogareño”.

Para acentos, verdes apagados (sage, oliva, bosque) lucen naturales y modernos frente al ónix, mientras azules desaturados (acero, océano) aportan sensación profesional y confiable. Si buscas un toque premium, tonos inspirados en metales como bronce, cobre y oro añaden calidez y “lujo luminoso” sin saturación intensa.

Para trabajos creativos más audaces, ciruela profunda o rubor apagado suavizan el ónix y añaden emoción — solo deja el tono más claro en la paleta para espacio visual.

Cómo Usar una Paleta Ónix en Diseños Reales

Empieza asignando roles: usa ónix para fondos principales, navegación o texto de encabezado; usa tono medio (carbón/acero) para superficies secundarias y estados UI; y reserva blanco roto o crema para bloques de contenido legible. Así evitarás que el diseño se convierta en una placa oscura plana.

Limita los acentos a un solo color principal (como esmeralda, bronce o azul acero) y repítelo consistentemente en botones, iconos y puntos clave de datos. Al imprimir, evita usar blanco puro sobre grandes áreas ónix; los tonos claros suavizados suelen lucir mejor y reducen la agresividad visual.

En interiores, trata el ónix como material base—combínalo con neutros cálidos (arena, crema) para calidez o grises pálidos para un ambiente moderno tipo galería. Añade textura (papel, grano, acabados mate) para evitar que paletas oscuras se sientan estériles.

Crea Visuales de Paleta Ónix con IA

Si quieres previsualizar cómo luce una paleta ónix en una composición real—como dashboard, cartel, menú o packaging—genera visuales de prueba primero. Es una manera eficiente de testear contraste, jerarquía y equilibrio de acentos antes de pasar a archivos de producción.

Con Media.io puedes convertir un prompt simple en visuales de paleta alineados a marca y iterar rápido: cambia el color de acento, ajusta el mood (lujo vs. resistente) o el formato (flyer vs. landing page) en minutos.

Siguiente: Paleta de Colores Nieve