Idées de palettes de couleurs noires (20 sélections + Hex)

Noir est l’une des bases de design les plus flexibles : il peut paraître minimaliste et moderne, classique et cinématographique, ou audacieux et électrique selon l’accent choisi.

Voici 20 associations de couleurs noires avec codes HEX pour l’UI, le branding, l’affichage et plus encore — ainsi que des conseils sur l’association et l’utilisation des tons foncés sans perdre en lisibilité.

Pourquoi les palettes noires fonctionnent si bien

Le noir structure instantanément votre mise en page. Il ancre les compositions, augmente le contraste perçu et vous aide à hiérarchiser titres, CTA et images.

Il est aussi émotionnellement polyvalent : une base quasi-noire peut évoquer le luxe avec de l’or, le calme avec de l’ivoire chaud, la technique avec des gris métalliques, ou l’audace avec des touches néon.

De manière pratique, les tons noirs unifient des contenus hétérogènes. Quand photos, icônes et typographie partagent une base sombre, le design paraît plus cohérent et intentionnel.

20+ idées de palettes de couleurs noires (avec codes HEX)

1) Velours de minuit

HEX : #0b0b0d #1a141d #2b1f2e #5a3b66 #d6c7dd

Ambiance : luxueux, mystérieux, velouté

Idéal pour : branding de luxe et emballage de parfums

Luxueuse et nocturne, cette palette évoque des rideaux en velours sous une lumière tamisée, avec une lueur violette douce. Cette palette noire fonctionne magnifiquement pour des packagings haut de gamme, des étiquettes beauté et des identités premium. À associer à des métalliques discrets ou des blancs cassés pour garder les tons foncés raffinés sans les alourdir. Astuce : réservez la teinte lavande pour de petits accents (sceaux, bouchons ou détails de coins) pour un rendu premium.

Exemple d’image “velours de minuit” générée avec media.io

Media.io

Media.io est un studio IA en ligne pour créer et éditer vidéo, image et audio dans votre navigateur.

Essayez gratuitement dès maintenant

2) Ivoire encre

HEX : #0f0f10 #2a2a2c #5b5b5e #f2efe9 #c9c2b6

Ambiance : éditorial, calme, équilibré

Idéal pour : mises en page magazine et articles longs

Sage et éditoriale, elle évoque l’encre fraîche sur un papier chaud et aéré. Les neutres crémeux adoucissent les tons les plus foncés, rendant titres et citations à la fois lisibles et raffinés. Idéal pour des mises en page imprimées, templates de blogs ou portfolios où la typographie est reine. Astuce : pour réduire l’éblouissement sur fond clair, gardez le texte courant dans le gris le plus foncé, pas en noir pur.

Exemple d’image “ivoire encre” générée avec media.io

3) Or obsidienne

HEX : #090909 #1d1b16 #3a2f1f #b08d57 #f5e6c8

Ambiance : opulent, dramatique, classique

Idéal pour : publicités produits premium et bannières héro

Opulente et cinématique, elle rappelle l’obsidienne éclairée par un projecteur doré. Les nuances d’or et de crème créent une hiérarchie instantanée pour les mises en avant, badges et tarifs sans dominer la base. Parfaite pour les pubs premium, têtes de pages et rebranding haut de gamme. Astuce : utilisez l’or seulement sur les contours et icônes clés pour garder le style élégant et non clinquant.

Exemple d’image “or obsidienne” générée avec media.io

4) Noir botanique

HEX : #0a0a0b #1f2420 #3f5a48 #8fb996 #e6f2e8

Ambiance : terreux, frais, ombragé

Idéal pour : emballages éco et illustration botanique

Terreux et ombragé, il évoque les feuilles au clair de lune perlé de rosée sur de tendres verts. Les tons forestiers empêchent la base sombre de paraître stérile, idéal pour les sujets bien-être et durables. À assortir à du papier recyclé, des icônes en traits fins, et beaucoup d’espace négatif. Astuce : utilisez le menthe pâle en fond pour faire ressortir les éléments verts.

Exemple d’image “noir botanique” générée avec media.io

5) Néon carbone

HEX : #060607 #1b1c22 #2d2f3a #ff2e88 #2ef2ff

Ambiance : électrique, audacieux, ambiance nocturne

Idéal pour : affiches de concert et promotions de soirées

Électrique et nerveux, il rappelle la lumière de la ville la nuit, traversée d’enseignes au néon. Idéal pour affiches d’évènement, line-ups DJ et visuels sociaux dynamiques, où le contraste règne. À marier à une typographie simple sans empattement et un alignement fort pour éviter la cacophonie visuelle. Astuce : utilisez un seul néon en principal et l’autre seulement pour des micro-accents comme l’heure ou le lieu.

Exemple d’image “néon carbone” générée avec media.io

6) Fumée d’ardoise

HEX : #101114 #2b2e35 #4a4f59 #9aa3ad #e7eaee

Ambiance : moderne, sourd, architectural

Idéal pour : présentations et portfolios déco intérieure

Sourde et architecturale, cette palette évoque des murs en ardoise, du béton doux et des effluves de fumée. Les gris froids posent une structure professionnelle sans la dureté du noir absolu. Parfaite pour decks déco, portfolios architecture ou doc produit où la clarté prime. Astuce : gardez les grandes zones en gris le plus clair, et réservez la nuance la plus sombre aux titres et séparateurs.

Exemple d’image “fumée d’ardoise” générée avec media.io

7) Charbon espresso

HEX : #120d0a #2a1e18 #4a3a31 #b68a6a #f3e2d6

Ambiance : chaud, douillet, artisanal

Idéal pour : branding de café et design de menu

Chaud et accueillant, il évoque la crème d’un espresso, les grains torréfiés et les comptoirs en bois usés. Les beiges et crèmes rosés ajoutent de l’hospitalité tandis que le charbon allège l’ensemble. Idéal pour menus de café, étiquettes de torréfacteur ou emballages artisanaux à l’esprit manuel. Astuce : imprimez les teintes claires sur du papier brut pour renforcer l’aspect authentique et fait main.

Exemple d’image “charbon espresso” générée avec media.io

8) Denim graphite

HEX : #0c0d10 #1a2433 #2f4a6b #7aa0c7 #e8eef6

Ambiance : frais, urbain, assuré

Idéal pour : lookbooks mode et marques textile

Frais et urbain, il rappelle le denim foncé, l’air vif et le style citadin soigné. Les bleus ajoutent une note accessible à la profondeur du noir, parfait pour les marques de vêtements sûres d’elles sans froideur luxueuse. À utiliser dans lookbooks, bannières e-commerce et compositions de campagne avec une belle photographie. Astuce : gardez le bleu clair pour les légendes et infos taille pour rester lisible sur image.

Exemple d’image “denim graphite” générée avec media.io

9) Acier lunaire

HEX : #0b0c0f #1b2028 #323a46 #7e8a99 #dfe6ef

Ambiance :élégant, technique, futuriste

Idéal pour :Tableaux de bord SaaS et interface d'analyses

Épuré et technique, il évoque le métal au clair de lune et des salles de contrôle silencieuses. Les nuances de gris étagées facilitent la création de profondeur avec des cartes, des modales et des lignes de tableau sans encombrement visuel. Il fonctionne bien pour les produits d’analyse, les outils développeur et les kits UI en mode sombre. Astuce : utilisez la teinte la plus claire pour le texte sur les surfaces foncées et gardez les bordures discrètes afin d’éviter une grille surchargée.

Exemple d’image de lunar steel générée avec media.io

10) Raven Plum

HEX : #0b0b0e #241624 #3f2a4b #a173b3 #f2e7f6

Ambiance :romantique, mystérieux, élégant

Idéal pour :invitations de mariage et événements du soir

Romantique et sombre, il évoque les rubans de velours, les fleurs au crépuscule et les cérémonies éclairées à la bougie. Les tons prune adoucissent l'obscurité, rendant cette palette idéale pour les invitations formelles, programmes de gala et annonces raffinées. Associez-la à une typographie à empattements délicats et à un dessin linéaire minimal pour garder de la finesse. Astuce : utilisez le lilas pâle comme espace négatif afin que la prune sombre semble intentionnelle, pas pesante.

Exemple d’image de raven plum générée avec media.io

11) Asphalt Coral

HEX : #0e0f12 #2a2c33 #505361 #ff5a6d #ffe3e7

Ambiance :ludique, percutant, moderne

Idéal pour :publicités cosmétiques et campagnes sociales

Percutant et moderne, il rappelle un rouge à lèvres néon sur l’asphalte mouillé après la pluie. L’accent corail apporte instantanément de l'énergie pour les boutons d’appel à l’action, les étiquettes promo et les mises en avant de produits. Utilisez-le pour des campagnes beauté, des publicités de start-up et des visuels sociaux forts qui nécessitent un contraste qui attire rapidement l’œil. Astuce : limitez le corail à 10 à 15 % de la mise en page pour rester chic plutôt que criard.

Exemple d’image de asphalt coral générée avec media.io

12) Black Sand Beach

HEX : #0a0a0c #1f1c1a #5c5048 #c8b29a #f3efe9

Ambiance :naturel, ancré, prêt à voyager

Idéal pour :affiches de voyage et branding de destinations

Naturel et ancré, il évoque le sable volcanique, le bois flotté et la pierre patinée par le soleil. Ces combinaisons de noirs sont particulièrement convaincantes pour du branding touristique qui vise un contraste robuste sans perdre de chaleur. À associer avec des effets de papier texturé, des lignes de carte simples et des photos aux tons sourds. Astuce : utilisez le beige sable pour les grands blocs de texte afin de garantir la lisibilité des destinations à distance.

Exemple d’image de black sand beach générée avec media.io

13) Vintage Film Noir

HEX : #0d0d0f #2a2a2e #6b6a70 #d7d3ca #f7f3ea

Ambiance :classique, fumé, rétro

Idéal pour :affiches de films et cartons-titres vintage

Classique et brumeux, il rappelle un vieux hall de cinéma avec une lumière de projecteur douce et du papier usé. Les blancs cassés chauds préviennent la froideur du gris, parfait pour de la typographie rétro. À utiliser pour des affiches de films, couvertures de livres et brand stories à l’allure intemporelle. Astuce : ajoutez un grain subtil sur les tons clairs pour accentuer l’effet vintage sans nuire à la lisibilité.

Exemple d’image de vintage film noir générée avec media.io

14) Cyber Shadow

HEX : #07070a #141520 #262a3a #7c5cff #38ffb6

Ambiance :cyberpunk, très contrasté, énergique

Idéal pour :HUD de jeux vidéo et overlays de streaming

Très contrasté et cyberpunk, il se lit comme un HUD lumineux dans une arcade sombre. Les accents violets et menthe créent instantanément des états d’interaction pour le hover, l’actif et les alertes. À utiliser pour les interfaces de jeu, overlays de stream et branding esport où la clarté en mouvement est essentielle. Astuce : réservez le néon pour les indicateurs de statut et actions clés, gardez la majorité du texte en tons pâles.

Exemple d’image de cyber shadow générée avec media.io

15) Monochrome Minimal

HEX : #050506 #151517 #2e2e31 #b9b9be #ffffff

Ambiance :minimal, net, intemporel

Idéal pour :présentations de logo et design web minimaliste

Net et minimal, il évoque des murs de galerie immaculés et des typos rasantes sur papier blanc. Cette palette noire est idéale pour des systèmes de logo, la typographie produit, et des sites web minimalistes où l’espacement fait tout. N’ajoutez qu’une seule couleur d’accent pour un point focal, sinon laissez le contraste guider la hiérarchie. Astuce : utilisez le gris moyen pour le texte secondaire afin d’éviter la cassure trop forte entre noir et blanc pur.

Exemple d’image de monochrome minimal générée avec media.io

16) Stormy Teal

HEX : #0b0c0e #1a2224 #2e4d52 #4fb7b3 #e2fbfa

Ambiance :frais, confiant, professionnel

Idéal pour :pages d’accueil fintech et health tech

Frais et confiant, il évoque des nuages d’orage s’ouvrant sur un horizon bleu-vert. L’échelle de teal vous fournit des états clairs pour boutons, graphiques et liens, tandis que la base sombre garde tout focalisé. Il convient aux fintech, health tech et produits data qui veulent inspirer confiance sans froideur. Astuce : gardez les gradients teal subtils et optez pour des aplats pour les actions principales, afin de garantir l’accessibilité.

Exemple d’image de stormy teal générée avec media.io

17) Garnet Ember

HEX : #0b0a0c #241015 #4b1d24 #c24a5c #f7d4da

Ambiance :chaleureux, intime, nuit

Idéal pour :cartes cocktails et branding de bar

Chaleureuse et intime, cette palette rappelle la lumière d’une bougie à travers un verre de vin rouge. La gamme grenat ajoute de la profondeur pour les en-têtes de section, tampons et cocktails signature, tout en gardant la base sophistiquée. Idéale pour les menus de bar, le branding de nuits et les étiquettes éditions limitées. Astuce : placez une touche blush derrière les éléments en vedette afin de les faire ressortir sans surcharge décorative.

Exemple d’image de garnet ember générée avec media.io

18) Chalkboard Citrus

HEX : #0a0a0b #202225 #3c3f45 #ffd34d #fff4cf

Ambiance :chaleureux, très contrasté, optimiste

Idéal pour :infographies et affiches scolaires

Lumineuse et lisible, elle évoque des lettres à la craie sur tableau avec un zeste d’agrume ensoleillé. L’accent jaune est idéal pour les labels, données clés et icônes nécessitant une attention immédiate. À utiliser pour les infographies, affiches éducatives et slides de présentation où la clarté est cruciale. Astuce : gardez les graphiques en gris et ne réservez le jaune que pour les valeurs clés pour rester focalisé.

Exemple d’image de chalkboard citrus générée avec media.io

19) Winter Night

HEX : #0a0b0d #1a2230 #314a66 #a7c7e7 #f2f7ff

Ambiance :calme, net, saisonnier

Idéal pour :cartes de vœux et campagnes d’hiver

Calme et net, il évoque un ciel d’hiver limpide avec des reflets glacés sur la neige. Les bleus ajoutent une tranquillité saisonnière tandis que la base sombre garde les compositions précises et modernes. À utiliser pour des cartes de Noël, campagnes hivernales ou bannières événementielles à la recherche d’un climat frais et élégant. Astuce : ajoutez de petits points ou traits étoilés en teinte pâle pour créer de la profondeur sans encombrer.

Exemple d’image de winter night générée avec media.io

20) Museum Marble

HEX : #0c0c0f #202023 #3f3f45 #c9c7c0 #f5f4f0

Ambiance :soigné, raffiné, ambiance galerie

Idéal pour :sites portfolio et microsites d’exposition

Soigné et raffiné, il rappelle l’intérieur d’un musée avec des socles sombres et des touches de marbre doux. Les neutres chauds gardent le contraste accueillant, surtout pour les pages riches en texte. À utiliser pour sites portfolio, microsites d’exposition ou pages produit qui visent un ton élevé. Astuce : gardez les éléments interactifs dans la gamme gris moyen pour réserver la teinte la plus claire aux mises en avant de contenu.

Exemple d’image de museum marble générée avec media.io

Quelles couleurs vont bien avec le noir ?

Les neutres chauds (crème, ivoire, beige) adoucissent le noir et apportent une touche éditoriale, idéal pour les mises en page riches en texte ou les packagings premium qui ne doivent pas paraître durs.

Les indices métalliques comme les tons or/laiton (ou, sur écran, moutarde/jaune mats) créent instantanément du luxe et une hiérarchie lorsqu’ils sont utilisés avec parcimonie pour les icônes, bordures et labels clés.

Pour un contraste énergique, associez le noir à des accents néon (cyan, magenta, citron vert) ou des tons pierre précieuse saturés (prune, teal, grenat). Gardez les accents limités pour que le design reste lisible et maîtrisé.

Comment utiliser une palette noire dans des designs concrets

Commencez avec du quasi-noir au lieu du noir pur pour les grands fonds. Un noir à peine relevé réduit les bandes et la fatigue visuelle, et permet d’apporter de la profondeur avec cartes et sections.

Construisez la hiérarchie en utilisant deux à trois niveaux sombres plus un neutre clair pour le texte. Gardez la couleur d’accent pour les états d’interaction (bouton principal, onglet actif, point clé), plutôt que de tout décorer.

Testez le contraste tôt. Les thèmes sombres peuvent échouer sur des polices fines ou des séparateurs en faible opacité : utilisez la teinte la plus claire pour le texte courant et un gris moyen pour le texte secondaire en gardant l’accessibilité.

Créer des visuels de palettes noires avec l’IA

Si vous présentez un concept, montrez la palette en contexte—affiche, pub produit, invitation ou maquette UI—pour que les parties prenantes “ressentent” l’atmosphère immédiatement.

Avec le text-to-image de Media.io, vous pouvez générer des visuels cohérents avec la marque à partir d’un simple prompt, puis itérer rapidement en testant différents accents (or, teal, néon) sur une même base noire.

Utilisez les codes HEX de votre palette comme guide de style, puis affinez la typographie, l’espacement et le contraste dans votre système de design final.

Suivant : Palette de couleur blanc crème