Onyx Farbpaletten Ideen: 20 Farbkombinationen mit Hex Codes

Onyx ist ein tiefes Anthrazit-Schwarz, das Layouts sofort modern, hochwertig und durchdacht wirken lässt. Es ist ein zuverlässiger Anker für Benutzeroberflächen, Branding und Innenräume, da es Kontraste steuert, ohne unterstützende Farben zu überdecken.

Nachfolgend finden Sie 20 Onyx-Farbpaletten-Ideen mit HEX-Codes sowie schnelle Tipps, welche Farben gut zu Onyx passen und wie man diese Paletten in echten Projekten verwendet.

Warum funktionieren Onyx-Paletten so gut?

Onyx funktioniert, weil es sich wie ein „intelligentes Neutrales“ verhält: dunkler als Anthrazit, weicher als reines Schwarz und vielseitig sowohl bei warmen als auch bei kühlen Kombinationen. Es bietet eine starke visuelle Basis und lässt Akzentfarben Raum, um hervorzustechen.

Im UI-Design reduziert Onyx Blendungen im Vergleich zu reinem Schwarz und erleichtert die Hierarchie – Navigation, Karten und Datenebenen lassen sich mit subtilen Grauabstufungen trennen. Im Branding und Print vermittelt es Selbstbewusstsein und Raffinesse ohne die Härte von knalligem Schwarz.

Onyx harmoniert auch wunderbar mit Metalltönen, Creme und gedecktem Grün und ist damit eine starke Wahl für moderne, hochwertige und natur-inspirierte Ästhetiken.

20+ Onyx-Farbpaletten-Ideen (mit HEX-Codes)

1) Mitternachts-Onyx

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

Stimmung: elegant, modern, kontrastreich

Ideal für: dunkle UI-Dashboards

Elegant und nachtaktiv, wie Stadtlichter, die sich auf schwarzem Glas spiegeln. Nutzen Sie diese Palette für Dashboards und Analysebildschirme, bei denen Hierarchie eine Rolle spielt und Blendung minimiert werden soll. Gleichen Sie die dunkelsten Nuancen mit sanften Grautönen für gute Lesbarkeit aus und reservieren Sie beinahe Weiß für wichtige Zahlen und Call-to-Actions. Tipp: Lassen Sie Fließtext im hellen Grau, nicht in reinem Weiß, um die Augen zu schonen.

Bildbeispiel von Mitternachts-Onyx, generiert mit media.io

Media.io

Media.io ist ein Online-AI-Studio zum Erstellen und Bearbeiten von Video, Bild und Audio im Browser.

Jetzt kostenlos ausprobieren

2) Rauch-Perle

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

Stimmung: sanft, luftig, raffiniert

Ideal für: Editorial-Layout

Sanfter Rauch und perlenweiße Highlights sorgen für eine ruhige, gehobene Atmosphäre. Besonders geeignet für Magazin-Layouts, lange Lesestrecken und Portfolios, bei denen Weißraum die Geschichte mit erzählt. Kombinieren Sie den dunklen Anker mit mittleren Grautönen und Bildunterschriften, um Seiten ordentlich zu halten. Tipp: Überschriften in der dunkelsten Nuance setzen und das helle Grau für Abschnittstrennungen statt schwerer Linien nutzen.

Bildbeispiel von Rauch-Perle, generiert mit media.io

3) Bronze Noir

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

Stimmung: luxuriös, warm, dramatisch

Ideal für: Premium-Markenidentität

Luxuriös und wie bei Kerzenlicht, mit warmen Bronze-Reflexen auf dunklem Grund. Diese Onyx-Farbpalette ist ideal für Premium-Logos, exklusive Dienstleistungen oder Boutique-Hotel-Brandings. Kombinieren Sie die Bronze mit Creme für einen eleganten Kontrast und verwenden Sie die dunkelste Nuance für Hintergründe und Stempel. Tipp: Die Bronze als dünnes, folienartiges Highlight einsetzen, statt in großen Flächen, damit das Premium-Gefühl erhalten bleibt.

Bildbeispiel von Bronze Noir, generiert mit media.io

4) Waldasche

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

Stimmung: geerdet, natürlich, ruhig

Ideal für: ökologische Produktverpackung

Geerdet wie ein schattiger Pfad mit moosigem Grün und aschegrauer Rinde. Perfekt für nachhaltige Produkte, Hautpflege oder Kaffee-Verpackungen, wo natürliche Anklänge wichtig sind. Kombinieren Sie das Waldgrün mit Off-White-Etiketten für Klarheit, und reservieren Sie das Beinahe-Schwarz für Typografie und Barcodes. Tipp: Die grüne Fläche maßvoll halten, damit das Paket im Regal weiterhin klar wirkt.

Bildbeispiel von Waldasche, generiert mit media.io

5) Rosenholz-Schatten

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

Stimmung: romantisch, stimmungsvoll, elegant

Ideal für: Hochzeitseinladung

Romantisch und stimmungsvoll, wie eingepresste Rosenblätter in einem dunklen Tagebuch. Wunderschön geeignet für Hochzeitspapeterie, Abendveranstaltungs-Einladungen und luxuriöse Beauty-Kampagnen. Das pudrige Blush mit dem tiefen Weinrot für Namen und Überschriften kombinieren und das blasse Rosa als Freiraum einsetzen. Tipp: Für den Text stets die dunkelste Nuance nutzen, um auf Print einen klaren Kontrast zu erhalten.

Bildbeispiel von Rosenholz-Schatten, generiert mit media.io

6) Arktische Tinte

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

Stimmung: klar, kühl, technisch

Ideal für: SaaS-Landingpage

Klar und kühl, wie Tinte auf gefrorenem Glas. Ideal für SaaS-Seiten, die ein selbstbewusstes, technisches Flair ohne Neonoptik brauchen. Stahlblau mit fast weißen Bereichen kombinieren und die dunkelste Tinte für Navigation und Footer verwenden. Tipp: Das Blau lediglich für eine primäre Aktion und Icons nutzen, um die Seite übersichtlich zu halten.

Bildbeispiel von Arktische Tinte, generiert mit media.io

7) Lavendel-Schiefer

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

Stimmung: verträumt, ruhig, zeitgenössisch

Ideal für: Buchcover-Design

Verträumt und leise, wie die Dämmerung über Schieferdächern. Passt perfekt zu Contemporary-Fiction-Covern und Gedichtbänden, bei denen Stimmung wichtiger als Lautstärke ist. Das Lavendel-Mittelmaß mit der dunkelsten Nuance für scharfe Typographie kombinieren und für Hintergründe mit zartem Flieder aufhellen. Tipp: Mit feiner Körnung für haptische Struktur sorgen, damit die Violetttöne wie gedruckt wirken, nicht plastikhaft.

Bildbeispiel von Lavendel-Schiefer, generiert mit media.io

8) Sandstein-Kohlenstoff

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

Stimmung: erdig, warm, zeitlos

Ideal für: Interior Styling Moodboard

Erdig und zeitlos wie Kohle-Skizzen auf Sandsteinpapier. Optimal für Interior-Moodboards, Markenauftritte für Wohnaccessoires und handgefertigte Produkte. Den warmen Beigeton mit Karbongrau für Kontrast nutzen, Taupe als Brücke für Textilien und Hintergründe. Tipp: Beige als Negativraum wiederholen, damit die dunklen Töne bewusst und nicht zu schwer wirken.

Bildbeispiel von Sandstein-Kohlenstoff, generiert mit media.io

9) Smaragd-Ruß

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

Stimmung: frisch, edel, selbstbewusst

Ideal für: Cocktailbar-Menü

Frisch und dennoch edel, wie Smaragdglas im schummrigen Lounge-Licht. Das Grün setzt Akzente für Menüs, Beschilderung und Nachtleben-Brandings, ohne die Lesbarkeit zu beeinträchtigen. Für die besten Onyx-Kombinationen: Hintergrund dunkel halten, Text in zartem Mint präsentieren und Smaragdgrün nur für Überschriften und Icons einsetzen. Tipp: Für Überschriften eine markante Display-Schrift wählen, damit die Palette im Vordergrund steht.

Bildbeispiel von Smaragdruß erzeugt mit media.io

10) Kupfergläser

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

Stimmung:Gemütlich, kühn, handwerklich

Ideal für:Produkt Anzeige poster

Gemütlich und kühn, wie Glut, die in einem dunklen Kamin leuchtet. Es funktioniert für handwerkliche Lebensmittelwerbung, Kaffee-Einführungen und Herbstaktionen, in denen Wärme verkauft wird. Kombinieren Sie Kupfer mit Creme für lesbare Schlagzeilen und verwenden Sie den dunkelsten Ton, um Bilder oder Ränder zu rahmen. Tipp: Begrenzen Sie Kupferverläufe und halten Sie sich an flache Blöcke für einen modernen, hochwertigen look.

Bildbeispiel von Kupferkorn erzeugt mit media.io

11) Ozean-Graphit

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

Stimmung:Ruhig, professionell, zuverlässig

Ideal für:Jahresbericht

Ruhig und professionell, wie ein tiefer Ozean unter bewölktem Himmel. Verwenden Sie es für Jahresberichte, investor decks und Unternehmenskommunikationen, die Autorität ohne Härte benötigen. Kombinieren Sie Graphit mit dem kühlen Blau für Diagramme und behalten Sie den hellsten Farbton für Tabellen und Ränder. Tipp: Reservieren Sie den dunkelsten Ton nur für Überschriften, damit sich dichte Seiten nicht schwer anfühlen.

Bildbeispiel von Ozean-Graphit erzeugt mit media.io

12) Olive Drab Noir

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

Stimmung:Robust, outdoorsy, zurückhaltend

Ideal für:Outdoor-Ausrüstung branding

Robust und zurückhaltend, wie abgenutzte Leinwand und Feldjacken. Es passt zu Outdoor-Marken, Abenteuer-Newslettern und utilitaristischen labels, wo die Praktikabilität führt. Kombinieren Sie die Oliven mit der blassen Salbei für patches und tags, und verwenden Sie die fast-schwarze für fette Wortzeichen. Tipp: Halten Sie den Kontrast auf kleinen Etiketten hoch, indem Sie text auf den hellsten Hintergrundton platzieren.

Bild Beispiel von olive drab noir generiert mit media.io

13) Blush Granit

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

Stimmung:Weich, minimal, stilvoll

Ideal für:beauty e-commerce Benutzeroberfläche

Weich und stilvoll, wie Blush-Puder über Granit gestaubt. Verwenden Sie es für Schönheitssalons, Hautpflege-Benutzeroberfläche und Produktlistenseiten, die einen sanften Kontrast benötigen. Kombinieren Sie Granitgrau mit Blush-Akzenten auf Abzeichen und Bewertungen, während die Knöpfe für Klarheit im dunkelsten Ton bleiben. Tipp: Wählen Sie einen Blush-Farbton für alle highlights, damit die Benutzeroberfläche konsistent bleibt.

Bildbeispiel von blush granite generiert mit media.io

14) Goldene Holzkohle

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

Stimmung:Klassisch, gehoben, feierlich

Ideal für:Veranstaltungsflyer

Klassisch und feierlich, wie warme Scheinwerfer auf einer dunklen Bühne. Es funktioniert für Gala-Flyer, Award-Night-Grafiken und Meilenstein-Ankündigungen. Kombinieren Sie gold mit Holzkohle für scharfe Typen und lassen Sie die helle Creme als druckfreundliche Basis fungieren. Tipp: Verwenden Sie gold für Regeln, Kugeln und kleine Symbole, um schlammige große Füllungen zu vermeiden.

Bildbeispiel von goldener Holzkohle erzeugt mit media.io

15) Tinte und Elfenbein

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

Stimmung:sauber, zeitlos, redaktionell

Ideal für:portfolio Webseite

Sauber und zeitlos, wie Tintenzeichnungen auf Elfenbeinpapier. Als Onyx-Farbschema ist es perfekt für portfolios, die Arbeit benötigen, um ohne laute Farben abzuheben. Kombinieren Sie den Elfenbeinhintergrund mit Holzkohletext und verwenden Sie das mittlere Grau für subtile UI-Zustände wie deaktivierte Schaltflächen. Tipp: Fügen Sie eine konsistente Akzentbehandlung hinzu, wie z. B. Unterstriche, anstatt zusätzliche Farben einzuführen.

Bildbeispiel von Tinte und Elfenbein erzeugt mit media.io

16) Mokka Obsidian

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

Stimmung:warm, gemütlich, premium

Ideal für:coffee shop Verpackung

Warm und gemütlich, wie espresso crema gegen dunkles obsidian. Verwenden Sie es für Kaffeetüten, Rösteretiketten und Cafe-Treuekarten mit einem Premium-Vorteil. Kombinieren Sie mocha browns mit der pale cream für Zutatenblöcke und behalten Sie den tiefsten Farbton für logos und Röstniveaus. Tipp: Verwenden Sie den mittleren Mokka-Ton für den sekundären text, damit sich das design geschichtet und nicht flach anfühlt.

Bildbeispiel von mocha obsidian generiert mit media.io

17) Stahl Nacht

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

Stimmung:Industriell, fokussiert, scharf

Ideal für:Datenvisualisierungsthema

Industriell und fokussiert, wie Stahlbalken unter einem Nachthimmel. Es eignet sich hervorragend für Datenvisuals, bei denen Zeilen, Etiketten und highlights schnell gelesen werden müssen. Kombinieren Sie den tiefen Stahl mit dem hellen Grau-Blau für Raster und behalten Sie den nahezu weißen für Hintergrundkarten. Tipp: Verwenden Sie eine Akzentfarbe für die Serie mit höchster Priorität und stummen Sie alles andere auf den mittleren Stahlton.

Bildbeispiel von steel night generiert mit media.io

18) Salbei und Ruß

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

Stimmung:frisch, sanft, wiederherstellend

Ideal für:Spa-Broschüre

Frisch und wiederherstellend, wie Dampf, der in einem ruhigen Kräutergarten aufsteigt. Verwenden Sie es für Spa-Broschüren, Wellness-Landingpages und ruhigen Produktführer. Kombinieren Sie Salbei-Grün mit weichem off-white, um layouts atmungsaktiv zu halten, und verwenden Sie Ruß für Überschriften und callouts. Tipp: Halten Sie die Fotos warm-neutral, damit sich das Grün auf dem Bildschirm nicht zu blau verschiebt.

Bildbeispiel von Salbei und Ruß erzeugt mit media.io

19) Pflaumenasche

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

Stimmung:Mutig, künstlerisch, geheimnisvoll

Ideal für:Musik poster

Mutig und geheimnisvoll, wie purpuren Bühnennebel über dunklen Verstärkern. Diese Onyx-Farbpalette bringt drama zu Musikpostern, Clubabenden und Album-Promo-Grafiken. Kombinieren Sie Pflaume mit blassem Flieder für lesbare Schrift, dann gründen Sie das layout mit nahezu schwarzen Blöcken und Rändern. Tipp: Lassen Sie die Pflaume die Arbeit in einer großen Form erledigen und halten Sie den rest minimal.

Bildbeispiel von Pflaumenasche erzeugt mit media.io

20) Terrakotta Dämmerung

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

Stimmung:warm, rustikal, modern

Ideal für:Restaurantmenü

Warm und rustikal, wie Terrakotta-Fliesen kühlen in der Dämmerung. Verwenden Sie es für Restaurant-Menüs, Bäckerei-Branding und saisonale Spezialitäten mit moderner Kante. Kombinieren Sie die Terrakotta mit dem pale blush für Abschnitthintergründe und behalten Sie die fast schwarze für Artikelnamen und Preise. Tipp: Fügen Sie subtile Separatoren im gedämpften Blush-Ton statt schwerer Linien hinzu, um das layout raffiniert zu halten.

Bild Beispiel von Terrakotta Dämmerung generiert mit media.io

Welche Farben passen gut zu Onyx?

Onyx kombiniert sich gut mit weichen Rauchweißen und kühlen Grauen für einen klaren, hochlesbaren Kontrast – perfekt für redaktionelle und UI-Layouts. Wenn Sie ein wärmeres Gefühl wollen, tauschen Sie in Cremes, sand und taupe, um onyx weniger "tech" und mehr "zu Hause" fühlen.

Für Akzente lesen gedämpfte Grüne (Salbei, Oliven, Wald) natürlich und modern gegen onyx, während desaturierte Blaue (Stahl, Ozean) sich professionell und zuverlässig anfühlen. Wenn Sie eine hochwertige Kante wünschen, fügen metallisch inspirierte Farbtöne wie bronze, Kupfer und gold Wärme und „Luxus-Beleuchtung "hinzu, ohne laute Sättigung zu benötigen.

Für mutigere kreative Arbeit können deep plum oder dusty blush onyx weichmachen und Emotionen verleihen – behalten Sie einfach den leichtesten Ton in der palette für den Atemraum.

Wie verwendet man eine Onyx-Farbpalette in echten Designprojekten?

Beginnen Sie mit der Zuweisung von Rollen: Verwenden Sie onyx für primäre Hintergründe, navigation oder Überschriftstext; Verwenden Sie einen Mittelton (Holzkohle/Stahl) für sekundäre Oberflächen und UI-Zustände; Und behalten Sie eine nahezu weiße oder cremefarbene Farbe für lesbare Inhaltsblöcke. Dadurch wird verhindert, dass sich die designs in eine flache dunkle Platte verwandeln.

Beschränken Sie die Akzente auf eine Hauptfarbe (wie Smaragd, bronze oder Stahlblau) und wiederholen Sie sie konsequent in Schaltflächen, Symbolen und wichtigen Datenpunkten. Vermeiden Sie beim Drucken reines Weiß auf großen Onyxbereichen; Leicht weichere helle Töne wirken häufig glatter und reduzieren die visuelle Rauheit.

In Innenräumen behandeln Sie onyx wie ein Erdungsmaterial – kombinieren Sie es mit warmen Neutralen (sand, Creme) für Gemütlichkeit oder kühlen hellgrauen Farben für ein modernes Galeriefühl. Fügen Sie Textur hinzu (Papier, Körner, matte finishes), um dunkle Paletten nicht steril zu verhindern.

Erstelle Onyx-Paletten-Visuals mit KI

Wenn Sie eine Vorschau sehen möchten, wie eine Onyx-Palette in einer realen Komposition aussieht – wie einem dashboard, einem poster, einem Menü oder einer Verpackung – erstellen Sie zuerst schnelle Mock-Bilder. Es ist eine effiziente Möglichkeit, Kontrast, Hierarchie und Akzentbilanz zu testen, bevor Sie sich auf Produktionsdateien verpflichten.

Mit Media.io können Sie eine einfache Eingabeaufforderung in eine Markenpalette verwandeln und sie schnell wiederholen: Wechseln Sie die Akzentfarbe, passen Sie die Stimmung (luxuriös vs. robust) oder ändern Sie das Format (flyer vs. landing page) in wenigen Minuten.

Weiter: Schnee-Farbpalette