L’onyx est un noir neutre charbon profond qui rend instantanément les mises en page modernes, haut de gamme et intentionnelles. C’est un ancrage fiable pour les interfaces, marques et intérieurs, car il contrôle le contraste sans dominer les couleurs d’accent.
Voici 20 idées de palettes de couleur onyx avec des codes HEX, plus quelques conseils rapides pour associer l’onyx et appliquer ces schémas dans de vrais projets.
Dans cet article
Pourquoi les palettes Onyx fonctionnent si bien
L’onyx fonctionne parce qu’il se comporte comme un « neutre intelligent » : plus sombre que le charbon, plus doux que le noir pur, et polyvalent pour des associations chaudes ou froides. Il crée une base visuelle forte tout en laissant la place aux couleurs d’accent.
En design UI, l’onyx réduit l’éblouissement par rapport au noir pur et facilite la hiérarchie—navigation, cartes et couches de données peuvent être séparées par des nuances de gris subtiles. En branding et en impression, il communique assurance et raffinement sans la rudesse du noir absolu.
L’onyx s’accorde aussi magnifiquement avec des tons métalliques, des crèmes et des verts doux, ce qui en fait un excellent choix pour une esthétique moderne, premium et inspirée par la nature.
20+ idées de palettes de couleurs Onyx (avec codes HEX)
1) Onyx Minuit
HEX : #0b0c0f #1a1c22 #2f313a #c7c9cf #f4f5f7
Ambiance : élégant, moderne, haut contraste
Meilleur pour : tableau de bord UI sombre
Élégant et nocturne, comme les lumières de la ville reflétées sur du verre noir. Utilisez-le pour des tableaux de bord et des écrans d’analytique où la hiérarchie compte et l'éblouissement doit rester faible. Équilibrez les tons les plus foncés avec des gris doux pour la lisibilité, et réservez le quasi blanc pour les chiffres clés et les CTA. Astuce : gardez le texte du corps en gris clair, pas en blanc pur, pour limiter la fatigue oculaire.
Exemple d'image de onyx minuit générée avec media.io
Media.io est un studio IA en ligne pour créer et éditer des vidéos, images et audio dans votre navigateur.
2) Perle fumée
HEX : #121316 #2a2c33 #6b6f7a #d7d9de #fbfbfc
Ambiance : doux, aérien, raffiné
Meilleur pour : mise en page éditoriale
La fumée douce et des reflets nacrés créent une ambiance calme et sophistiquée. Elle brille dans des mises en page de style magazine, des longs articles, et des portfolios où l’espace blanc fait partie du récit. Associez l’ancre sombre avec des gris moyens pour les règles et légendes afin de garder des pages ordonnées. Astuce : placez les titres dans le ton le plus foncé et utilisez le gris pâle pour les séparateurs de section au lieu de traits épais.
Exemple d'image de perle fumée générée avec media.io
3) Bronze Noir
HEX : #0e0f12 #26221d #6a4b2f #c7a072 #f3eee6
Ambiance : luxe, chaud, dramatique
Meilleur pour : identité de marque premium
Luxueux et éclairé à la bougie, avec des éclats de bronze chaud sur une base foncée. Cette palette onyx est idéale pour des logos haut de gamme, services de luxe et branding d’hôtels boutique. Associez le bronze à la crème pour un contraste élégant et gardez la teinte la plus foncée pour les fonds et tampons. Astuce pour garder l’aspect premium : utilisez le bronze comme accent fin et métallisé, pas en grands blocs.
Exemple d'image de bronze noir générée avec media.io
4) Frêne forestier
HEX : #0d0f10 #1f2422 #3e5a4c #a9b6ad #f1f3f1
Ambiance : enraciné, naturel, calme
Meilleur pour : emballage produit éco
Enraciné comme un sentier ombragé avec des verts mousseux et une écorce gris cendre. Utilisez-le pour des produits durables, soins ou emballage café où la nature compte. Associez le vert forêt avec des étiquettes blanc cassé pour la clarté, et gardez le noir profond pour la typographie et les codes-barres. Astuce : gardez le dosage du vert modéré pour que l’emballage reste épuré en rayon.
Exemple d'image de frêne forestier générée avec media.io
5) Ombre bois de rose
HEX : #0f0e10 #2a1f23 #5a2f3b #c9a3ad #f6eef0
Ambiance : romantique, mystérieux, élégant
Meilleur pour : suite d’invitation mariage
Romantique et mystérieux, comme des pétales de rose pressés dans un journal sombre. Parfait pour la papeterie de mariage, les invitations d’événements en soirée et les campagnes beauté de luxe. Associez le rose poussiéreux à la teinte vin profonde pour les noms et titres, laissez le rose pâle servir d’espace de respiration. Astuce : gardez la teinte la plus foncée pour le texte pour éviter un contraste trouble en impression.
Exemple d'image de ombre bois de rose générée avec media.io
6) Encre arctique
HEX : #0a0c10 #1c2430 #4a6b86 #c9d7e2 #fbfdff
Ambiance : net, frais, tourné vers la tech
Meilleur pour : page d’accueil SaaS
Frais et net, comme de l’encre sur du verre givré. Utilisez-le pour des pages SaaS qui veulent un style technique affirmé sans effet fluo. Associez le bleu acier aux sections quasi blanches et gardez l’encre foncée pour la navigation et le pied de page. Astuce : réservez le bleu pour une action principale et répétez-le seulement dans les icônes pour garder la page centrée.
Exemple d'image de encre arctique générée avec media.io
7) Ardoise lavande
HEX : #0e0f14 #242334 #5b5472 #c6c2d6 #f7f6fb
Ambiance : rêveur, calme, contemporain
Meilleur pour : design couverture de livre
Rêveur et tranquille, comme le crépuscule sur les toits d’ardoise. Parfait pour les couvertures de fiction contemporaine et recueils de poésie où l’ambiance compte plus que le bruit. Associez la lavande médiane à la teinte la plus foncée pour une typographie tranchante, et adoucissez l’arrière-plan avec du lilas pâle. Astuce : ajoutez de la texture avec un grain subtil pour un effet imprimé plutôt que plastique.
Exemple d'image de ardoise lavande générée avec media.io
8) Carbone grès
HEX : #101010 #2a2622 #7a6b5b #d7cbbd #fbf6ef
Ambiance : terreux, chaud, intemporel
Meilleur pour : moodboard style intérieur
Terreux et intemporel, comme des croquis au fusain sur papier grès. Utilisez-le pour des moodboards d’intérieur, branding d’articles ménagers et pages produit artisanales. Associez le beige chaud au noir carbone pour le contraste, laissez le taupe faire le lien dans les textiles et fonds. Astuce : répétez le beige comme espace négatif pour que les tons foncés paraissent intentionnels, pas lourds.
Exemple d'image de carbone grès générée avec media.io
9) Suie émeraude
HEX : #0b0d0f #1b2a25 #0f6a4f #9bc7b7 #f3faf7
Ambiance : frais, haut de gamme, assuré
Meilleur pour : menu de bar à cocktails
Frais mais haut de gamme, comme de la verrerie émeraude dans un salon tamisé. Le vert apporte du caractère aux menus, signalétique et branding nocturne sans perdre en lisibilité. Pour les meilleures combinaisons onyx ici, gardez les fonds foncés, mettez le texte en menthe pâle et utilisez l’émeraude seulement pour les titres et icônes. Astuce : choisissez une police pour les titres afin que la palette reste la vedette.
Exemple d'image de suie émeraude générée avec media.io
10) Braise cuivrée
HEX : #0f0d0c #2a1e19 #8a4b2a #d7a67b #f6efe7
Ambiance : confortable, audacieux, artisanal
Meilleur pour : affiche publicitaire produit
Confortable et audacieux, comme des braises incandescentes dans une cheminée sombre. Cela fonctionne pour des publicités alimentaires artisanales, des lancements de café et des promotions d’automne où la chaleur est un argument de vente. Associez le cuivre à la crème pour des titres lisibles et utilisez la teinte la plus foncée pour encadrer les images ou les bordures. Astuce : limitez les dégradés de cuivre et restez sur des aplats pour un aspect moderne et haut de gamme.
Exemple d'image de braise cuivrée générée avec media.io
11) Graphite océan
HEX : #0b0d10 #1a2330 #2d4f6a #9fb5c6 #f2f6fa
Ambiance : calme, professionnel, fiable
Meilleur pour : rapport annuel
Calme et professionnel, comme l'océan profond sous un ciel couvert. À utiliser pour des rapports annuels, dossiers investisseurs et communications d’entreprise nécessitant de l’autorité sans dureté. Associez le graphite au bleu froid pour les graphiques, et gardez la teinte la plus claire pour les tableaux et marges. Astuce : réservez la nuance la plus sombre pour les titres afin que les pages denses ne paraissent pas trop lourdes.
Exemple d'image de graphite océan générée avec media.io
12) Kaki noir
HEX : #0c0d0c #1f2219 #4a5a2a #b9c1a3 #f4f6ef
Ambiance : robuste, nature, sobre
Meilleur pour : branding équipements de plein air
Robuste et discret, comme une toile usée et des vestes de terrain. Parfait pour les marques outdoor, newsletters d’aventure et étiquettes utilitaires où la praticité prime. Associez le kaki au sauge pâle pour les patchs et étiquettes, et utilisez le quasi-noir pour des logotypes percutants. Astuce : gardez un contraste élevé sur les petites étiquettes en plaçant le texte sur le fond le plus clair.
Exemple d'image de kaki noir générée avec media.io
13) Granite rosé
HEX : #0e0f12 #2a2a2e #7b6f75 #e1cfd6 #fbf6f8
Ambiance : doux, minimal, élégant
Meilleur pour : interface e-commerce beauté
Doux et élégant, comme de la poudre rosée sur du granit. À utiliser pour les boutiques beauté, UI de soins, et pages de produits nécessitant un contraste doux. Associez les gris granit aux accents rosés sur les badges et notes, en gardant les boutons dans la teinte la plus sombre pour plus de clarté. Astuce : choisissez une seule nuance de rosé pour tous les éléments mis en avant afin de garder une interface cohérente.
Exemple d'image de granite rosé générée avec media.io
14) Charbon doré
HEX : #0d0e10 #242424 #6a5a2a #d6c27a #fbf7e8
Ambiance : classique, luxueux, festif
Meilleur pour : flyer événementiel
Classique et festif, comme des projecteurs chauds sur une scène sombre. Idéal pour des flyers de gala, visuels de remise de prix ou annonces importantes. Mariez l’or au charbon pour un texte net, et laissez la crème très pâle servir de base facile à imprimer. Astuce : utilisez l’or pour les filets, puces et petites icônes pour éviter de gros aplats trop lourds.
Exemple d'image de charbon doré générée avec media.io
15) Encre et ivoire
HEX : #07080a #1a1c1f #4a4f57 #e7e2d8 #fffaf0
Ambiance : épuré, intemporel, éditorial
Meilleur pour : site portfolio
Épurée et intemporelle, comme des dessins à l'encre sur du papier ivoire. Cette palette d’onyx est idéale pour les portfolios où l’on souhaite que le travail ressorte sans couleurs criardes. Associez le fond ivoire au texte charbon et utilisez le gris moyen pour les états discrets de l’UI comme les boutons désactivés. Astuce : ajoutez un seul effet d’accentuation (par exemple souligné), au lieu d’introduire de nouvelles couleurs.
Exemple d'image d'encre et ivoire générée avec media.io
16) Obsidienne moka
HEX : #0d0c0b #231d19 #5a3f34 #c8b3a6 #f6f0eb
Ambiance : chaleureux, confortable, premium
Meilleur pour : packaging café
Chaleureux et cosy, comme une crème espresso sur de l’obsidienne sombre. À utiliser pour les sachets de café, étiquettes de torréfaction et cartes de fidélité café avec une touche premium. Associez les bruns moka à la crème pâle pour les blocs ingrédients, et gardez la nuance la plus foncée pour les logos et niveaux de torréfaction. Astuce : utilisez la teinte moka moyenne pour le texte secondaire pour plus de profondeur dans le design.
Exemple d'image d'obsidienne moka générée avec media.io
17) Nuit d’acier
HEX : #0b0c0f #1a2029 #3a4a5c #aab7c5 #f4f7fb
Ambiance : industriel, concentré, précis
Meilleur pour : thème de dataviz
Industriel et concentré, comme des poutres d'acier sous un ciel étoilé. Parfait pour des visualisations de données où lignes, libellés et éléments saillants doivent se lire vite. Associez l’acier profond au gris-bleu clair pour les trames, et gardez le presque blanc pour les cartes de fond. Astuce : utilisez une couleur d’accent unique pour la série prioritaire et atténuez le reste dans le ton acier moyen.
Exemple d'image de nuit d'acier générée avec media.io
18) Sauge et suie
HEX : #0d0f0e #202622 #6f8a7b #ccd8d1 #f6fbf8
Ambiance : frais, doux, ressourçant
Meilleur pour : brochure spa
Frais et ressourçant, comme de la vapeur flottant dans un jardin d’herbes silencieux. Parfait pour brochures spa, pages bien-être et guides calmes de produits. Associez les verts sauge au blanc cassé doux pour des mises en page aérées, et utilisez la suie pour les titres et encadrés. Astuce : gardez les photos dans des tons chauds neutres pour éviter que les verts apparaissent trop bleutés à l’écran.
Exemple d'image de sauge et suie générée avec media.io
19) Cendre prune
HEX : #0d0c10 #251a2a #5a2d63 #c9a7cf #f7f0fa
Ambiance : audacieux, artistique, mystérieux
Meilleur pour : affiche musicale
Audacieux et mystérieux, comme une brume violette couvrant les ampli sombres. Cette palette onyx apporte du drame aux affiches musicales, soirées en club ou annonces d’albums. Associez la prune au lilas pâle pour des textes lisibles, puis structurez la mise en page avec des aplats et bordures quasi-noirs. Astuce : laissez la prune dominer via une grande forme et gardez le reste minimal.
Exemple d'image de cendre prune générée avec media.io
20) Terre cuite crépuscule
HEX : #100d0c #2a1f1b #8a4a3c #d9b0a7 #fbf1ee
Ambiance : chaleureux, rustique, moderne
Meilleur pour : menu restaurant
Chaleureux et rustique, comme des carreaux de terre cuite refroidissant au crépuscule. Idéal pour menus de restaurants, branding de boulangeries et offres saisonnières à la touche moderne. Associez la terre cuite au blush pâle pour les fonds de section et gardez le quasi-noir pour les noms des plats et prix. Astuce : ajoutez des séparateurs subtils en blush atténué au lieu de traits épais pour une mise en page raffinée.
Exemple d'image de terre cuite crépuscule générée avec media.io
Quelles couleurs fonctionnent bien avec l'onyx ?
L’onyx se marie parfaitement avec des blancs cassés doux et des gris froids pour un contraste propre et très lisible—idéal pour la mise en page éditoriale et UI. Pour une ambiance plus chaleureuse, remplacez par des crèmes, du sable et du taupe pour rendre l’onyx moins « tech » et plus « maison ».
Pour les accents, les verts atténués (sauge, olive, forêt) évoquent le naturel et la modernité face à l’onyx, tandis que les bleus désaturés (acier, océan) semblent professionnels et sûrs. Pour un effet premium, les nuances métallisées comme bronze, cuivre et or apportent chaleur et effet « éclairage de luxe » sans saturation criarde.
Pour un travail créatif plus audacieux, la prune profonde ou un blush poudreux peuvent adoucir l’onyx et ajouter de l’émotion—gardez simplement la teinte la plus claire dans la palette pour donner de l’air.
Comment utiliser une palette onyx dans des designs réels
Commencez par attribuer les rôles : utilisez l’onyx pour les fonds principaux, la navigation ou les titres ; une teinte intermédiaire (charbon/acier) pour les surfaces secondaires et états de l’UI ; et gardez un blanc cassé ou une crème pour les blocs de contenu lisibles. Cela évite un effet masse sombre uniforme.
Limitez les accents à une couleur principale (émeraude, bronze, ou bleu acier) et répétez-la systématiquement sur boutons, icônes et points de données clés. Pour l’impression, évitez le blanc pur sur de grandes surfaces onyx ; des tons clairs adoucis sont souvent plus harmonieux et moins agressifs visuellement.
En décoration, traitez l’onyx comme un matériau d’ancrage—en l’associant à des tons neutres chauds (sable, crème) pour un effet douillet, ou à des gris pâles pour une ambiance galerie moderne. Ajoutez de la texture (papier, grain, finitions mates) pour éviter que les palettes sombres paraissent aseptisées.
Créer des visuels de palettes onyx avec l’IA
Pour visualiser l’effet d’une palette onyx dans une vraie composition—tableau de bord, affiche, menu ou packaging—générez d’abord des maquettes rapides. C’est efficace pour tester le contraste, la hiérarchie et l’équilibre des accents avant de lancer la production.
Avec Media.io, transformez une simple consigne en visuels de palette sur-mesure et itérez vite : changez la couleur d’accent, ajustez l’ambiance (luxe ou robuste), ou modifiez le format (flyer ou landing page) en quelques minutes.
FAQ Palette Onyx
-
Qu'est-ce qu'une palette de couleur onyx ?
Une palette de couleur onyx est un ensemble articulé autour d’un noir-charbon profond (onyx) en base, avec des neutres plus clairs et un ou deux accents (bronze, sauge, bleu acier, rosé…) pour le contraste et la personnalité. -
L’onyx est-il identique au noir pur ?
Non. L’onyx est généralement un quasi-noir avec des sous-tons gris ou chauds/froids subtils, ce qui le rend plus facile à associer et souvent plus confortable à l’écran que le noir #000000 pur. -
Quelles couleurs marchent le mieux avec l’onyx pour une marque premium ?
Des accents métallisées chauds (bronze, or, cuivre) plus crème ou ivoire sont très hauts de gamme avec l’onyx. Gardez les accents fins et mesurés pour maintenir l’effet premium. -
Quelle palette onyx pour une UI sombre ?
Optez pour une palette avec plusieurs nuances de gris (quasi-noir, charbon, gris moyen, gris clair, blanc cassé), type « Onyx Minuit » ou « Nuit d’Acier », pour bien hiérarchiser cartes, séparateurs et texte. -
Comment garantir la lisibilité des designs onyx ?
Évitez le texte long en blanc pur sur fond onyx ; préférez un gris clair adouci. Gardez aussi un écart suffisant entre couches de fond (ex. cartes vs. page) et un seul accent cohérent pour les actions. -
L’onyx fonctionne-t-il avec des couleurs chaudes type terre cuite ou blush ?
Oui. L’onyx est un neutre fort qui rend les tons chauds plus riches et posés. Associez-le à un blush/crème pâle pour respirer et réservez l’accent chaud aux titres, badges ou points saillants. -
Puis-je générer des maquettes de palettes onyx avec l'IA ?
Oui — utilisez l'outil texte en image de Media.io pour créer rapidement des exemples visuels (menus, affiches, mises en page UI, emballages) en utilisant vos couleurs HEX onyx comme référence dans l'invite, puis itérez jusqu'à obtenir le contraste et l'ambiance souhaités.
Ensuite : Palette de couleurs neige
