Tons d’ombre modernes : 20 combinaisons de palettes + Hex

Les palettes de couleurs ombrées se situent à mi-chemin entre un contraste audacieux et une neutralité douce, ce qui les rend faciles à utiliser dans les interfaces, l'impression et l'identité de marque.

Vous trouverez ci-dessous 20 combinaisons modernes de palettes aux tons d’ombre avec les codes HEX, ainsi que des astuces d’associations pratiques et des invites IA à réutiliser pour créer rapidement des maquettes visuelles.

Pourquoi les palettes d’ombre fonctionnent-elles aussi bien ?

Les palettes d’ombre reposent sur des tons proches du noir, des gris charbon et des accents adoucis, créant naturellement une hiérarchie sans paraître criardes. Vous obtenez profondeur et structure même avec des mises en page minimalistes.

Elles se traduisent aussi bien sur écran que sur papier, car elles évitent les extrêmes comme le noir pur ou les couleurs saturées brillantes. Cela rend les dégradés plus doux, la typographie plus posée et les arrière-plans plus tolérants.

Plus important encore, les tons ombrés rendent les accents plus intentionnels. Une seule touche de mauve, cuivre, sarcelle ou olive suffit à véhiculer la personnalité de la marque, tandis que la base neutre assure la cohésion de l’ensemble.

20+ Idées de palettes de couleurs ombrées (avec codes HEX)

1) Voile de Minuit

HEX : #0f1116 #242833 #3b4252 #7a8090 #d8d9df

Ambiance : mystérieux, épuré, contrasté

Idéal pour : interface dashboard SaaS en mode sombre

Mystérieuse et nette comme des lumières de ville fendant la brume nocturne. À utiliser pour des mises en page « dark mode » où la hiérarchie compte et où la lisibilité du texte doit rester parfaite. Associez le charbon le plus profond au gris pâle pour la lisibilité, puis utilisez l’ardoise comme ton intermédiaire stable pour les cartes et panneaux. Astuce : réservez la nuance la plus claire pour les métriques clés et boutons principaux pour maintenir le focus.

Exemple d’image de voile de minuit générée avec media.io

Media.io

Media.io est un studio IA en ligne pour créer et éditer des vidéos, images et audios directement dans votre navigateur.

Essayez-le gratuitement dès maintenant

2) Floraison Graphite

HEX : #1a1b1f #2f323a #4a4f5c #8e90a0 #cbb6c9

Ambiance : moderne, doux, légèrement romantique

Idéal pour : identité de marque beauté

Moderne et velouté, comme de la poussière de graphite saupoudrée de pétales. Idéal pour l’identité visuelle dans la beauté, quand vous souhaitez de l’élégance sans tomber dans le pastel. Ancrez logos et typographies en graphite sombre, ajoutez la touche mauve en accent, motifs ou templates réseaux sociaux. Astuce : gardez les arrière-plans en gris froid pour valoriser la nuance rosée sans la rendre sucrée.

Exemple d’image de floraison graphite générée avec media.io

3) Fumée et Mûrier

HEX : #16131a #2c2431 #4d3a55 #7f6a86 #cfc6d6

Ambiance : sombre, luxueux, créatif

Idéal pour : illustration de pochette d’album

Sombre et luxueuse, comme de la fumée d’encens s’élevant dans une pièce de velours. Ces tons s’accordent à l’imagerie musicale, aux sorties indé et aux couvertures cinématographiques à l’atmosphère dramatique. Posez le mauve mûrier sur du presque noir pour une typographie percutante, adoucissez le cadre avec un gris lavande pour la profondeur. Astuce : ajoutez un grain subtil dans les zones très sombres pour garder du relief.

Exemple d’image de fumée et mûrier générée avec media.io

4) Lin Pierre d’Encre

HEX : #121418 #2a2d33 #545a63 #a8abb0 #efe6d8

Ambiance : éditorial, feutré, intemporel

Idéal pour : maquette de rubrique de magazine

Sérieux et éditorial, comme de l’encre pressée dans du lin texturé. Ces combinaisons ombrées sont idéales pour la lecture longue, où le contraste doit rester doux et paisible. Utilisez le ton lin chaud en marges et espace négatif, structurez avec des règles charbon et des sous-titres ardoise. Astuce : gardez le texte courant dans le gris moyen-foncé pour éviter la fatigue oculaire sur les pages denses.

Exemple d’image de lin pierre d’encre générée avec media.io

5) Orchidée au Crépuscule

HEX : #14121a #2a2436 #443a57 #6e6a86 #d9d3e8

Ambiance : vaporeux, élégant, discret

Idéal pour : suite d’invitations de mariage

Vaporeuse et élégante, comme une orchidée éclairée au crépuscule. Parfait pour les invitations romantiques sans fleurs éclatantes, notamment pour les événements du soir. Mariez le violet le plus sombre à un lilas clair pour la typographie et les monogrammes, utilisez les gris plus nuancés pour bordures et détails fins. Astuce : imprimez sur un papier non couché pour une douceur mate des tons foncés.

Exemple d’image d’orchidée au crépuscule générée avec media.io

6) Pin Brumeux

HEX : #101416 #253033 #3f5653 #7f928b #d7ddd8

Ambiance : calme, nature, équilibré

Idéal pour : emballage produit écologique

Calme et nature, comme des aiguilles de pin disparaissant dans la brume matinale. Idéal pour le packaging écologique qui cherche une touche naturelle sans tomber dans le vert vif. Utilisez le bleu canard-charbon pour les étiquettes, introduisez le ton brume pâle pour les espaces blancs et les ingrédients. Astuce : optez pour une finition mate pour une sensation premium et terreuse des encres sombres.

Exemple d’image de pin brumeux générée avec media.io

7) Rose de Cendre

HEX : #1b1316 #332026 #5a3540 #9b6d79 #e7d6db

Ambiance : fumé, chaleureux, intime

Idéal pour : design de menu de restaurant

Fumé et chaud, comme des braises sous des cendres rosées. Ces tons conviennent aux menus et à l’hôtellerie, quand on recherche intimité et appétit sans couleurs vives. Placez les titres dans la nuance la plus sombre, puis utilisez le rose poussiéreux pour les séparateurs de section et les appels. Astuce : gardez le rose-beige le plus clair pour le fond afin d’éviter une lourdeur globale.

Exemple d’image de rose de cendre générée avec media.io

8) Port d’Ombre

HEX : #0e1418 #1f2a30 #334851 #6f8791 #d2dde1

Ambiance : frais, nautique, professionnel

Idéal pour : interface page d’accueil finance

Frais et stable, comme un port au crépuscule sur des eaux d’acier bleu. Idéal pour les sites de finance et de conseil, où la confiance, la structure et la modernité sont nécessaires. Utilisez le bleu-noir pour titres et zones principales, ajoutez des bleus atténués pour cartes et graphiques. Astuce : gardez les appels à l’action dans la nuance la plus claire avec texte sombre pour une expérience posée et confiante.

Exemple d’image de port d’ombre générée avec media.io

9) Obsidienne Tranquille

HEX : #0b0c0f #1a1c22 #2f323b #5b606d #bfc3cc

Ambiance : minimaliste, concentré, haut de gamme

Idéal pour : site web portfolio photographie

Minimaliste et concentré, comme de l’obsidienne polie à la perfection. Utilisez-le pour des portfolios où le contenu prime et l’interface s’efface presque. Construisez des nuances en gris subtils pour que galeries, légendes et navigation paraissent choisies. Astuce : évitez le noir pur sur de grandes surfaces et privilégiez le quasi-noir pour préserver les détails sur tous les écrans.

Exemple d'image d'obsidienne tranquille générée avec media.io

10) Lavande Ardoise

HEX : #15161b #2a2d38 #4a4f66 #8c90ab #e4e3f0

Ambiance : calme, technologique, accessible

Idéal pour : écrans d’onboarding d’application santé

Calme et accessible, comme une brume de lavande sur de l’ardoise fraîche. Ces teintes conviennent parfaitement aux apps de santé ou d’habitudes où la réassurance prime sur l’intensité. Utilisez l’ardoise pour les surfaces principales de l'UI, puis saupoudrez la lavande dans les icônes et états de progression. Astuce : Maintenez un contraste régulier en utilisant le ton pâle pour les panneaux de fond et le ton le plus foncé pour les étiquettes clés.

Exemple d'image de lavande ardoise générée avec media.io

11) Charbon et Argile

HEX : #14100e #2b221d #4e3c33 #8a7162 #e7dccf

Ambiance : organique, tactile, rustique

Idéal pour : identité de studio de céramique

Organique et tactile, comme la poussière de charbon sur l’argile chaude. Idéal pour les créateurs, les ateliers de poterie et les marques d’artisanat recherchant matière honnête et ancrage. Le brun/noir profond pour les logos et tampons, l’argile beige pour les fonds d’emballages et les reçus. Astuce : ajoutez un motif texturé unique avec le brun moyen pour évoquer la surface faite main sans surcharger le design.

Exemple d'image de charbon et argile générée avec media.io

12) Prune d'Orage

HEX : #111016 #262232 #3c314e #6b5b7a #cfc5d6

Ambiance : dramatique, artistique, raffiné

Idéal pour : création d'affiche de théâtre

Dramatique et raffiné, comme des nuages orageux sur des rideaux en velours prune. Ces associations d’ombres brillent sur les affiches nécessitant profondeur, contraste et anticipation. Utilisez le quasi-noir en fond, puis typographie prune et touches de lavande douce pour guider l’œil. Astuce : gardez un élément central fort et laissez l’espace sombre faire la majeure partie du travail visuel.

Exemple d'image de prune d'orage générée avec media.io

13) Olive Cendrée

HEX : #121412 #262c24 #3f4a3a #7c8a73 #dde2d6

Ambiance : atténué, naturel, apaisant

Idéal pour : impression botanique aquarelle

Atténuée et apaisante, comme des feuilles d’olivier séchées à l’ombre. Parfaite pour l’art botanique, impressions bien-être et papeterie nature. Conservez le gris-vert pâle comme ton papier, modelez la végétation avec l’olive moyenne et la mousse foncée. Astuce : bords doux et lavis transparents pour garder la palette aérienne, jamais militaire.

Exemple d'image d'olive cendrée générée avec media.io

14) Sarcelle Fantôme

HEX : #0d1416 #1b2a2e #2f4c4f #6f8f91 #d6e1e1

Ambiance : épuré, froid, futuriste

Idéal pour : publicité pour produit cybersécurité

Épuré et froid, comme la lumière sarcelle sur du verre sombre. Efficace pour la pub cybersécurité nécessitant une ambiance moderne, technique, sans excès de néon. Le sarcelle profond pour les blocs de fond, l’aqua-gris pâle en surlignement, badges, traits d’icône. Astuce : gardez les dégradés subtils, réservez les couleurs vives à de petits signaux tels les statuts.

Exemple d'image de sarcelle fantôme générée avec media.io

15) Cacao au Clair de Lune

HEX : #120f0e #2a211e #46352e #8a7468 #e9dfd8

Ambiance : douillet, chaleureux, haut de gamme

Idéal pour : carte fidélité café

Chaleureux et raffiné, comme une vapeur de cacao sous la lumière tamisée d’un café. Parfait pour le branding café, cartes de fidélité et petit packaging convivial. Utilisez l’espresso le plus foncé pour la typographie et les tampons, équilibrez avec des fonds beige crème et touches brunes douces. Astuce : une bordure fine brune pour encadrer sans alourdir.

Exemple d'image de cacao au clair de lune générée avec media.io

16) Lilas de Fer

HEX : #14141a #2b2c3a #45465e #7a7b99 #dad8e6

Ambiance : industriel, doux, contemporain

Idéal pour : site studio d’architecture

Industriel mais adouci, comme des poutres de fer sous la lumière lilas du soir. Convient parfaitement à un studio d’architecture ou intérieur qui souhaite relier précision technique et sensibilité humaine. Les tons plus foncés pour navigation et titres, le gris-lilas pour grilles, légendes et tags de projets. Astuce : beaucoup d’espace blanc pour que le violet subtil évoque le raffinement, pas la déco.

Exemple d'image de lilas de fer générée avec media.io

17) Grès Fuligineux

HEX : #151311 #2e2924 #564d44 #9a8f84 #efe7de

Ambiance : patrimonial, naturel, sobre

Idéal pour : flyer musée

Patrimonial et sobre, comme la suie posée sur des murs de grès anciens. Parfait pour musées et événements culturels cherchant crédibilité et chaleur. Utilisez le brun-gris foncé pour titres et dates, superposez les neutres sablonneux comme fonds et blocs d’information. Astuce : une paire de polices, une sérif et une sans, pour rappeler l’harmonie entre passé et contemporain.

Exemple d'image de grès fuligineux générée avec media.io

18) Baie de Corbeau

HEX : #0f0c12 #251b28 #3f2a3e #7a5d73 #e2d6df

Ambiance : énigmatique, audacieux, élégant

Idéal pour : couverture éditoriale mode

Énigmatique et élégant, comme des baies sombres sous les plumes du corbeau. Idéal pour l’éditorial mode dramatique mais raffiné en print. Arrière-plan quasi-noir, puis titrage et règles fines mauve baie pour la touche luxe. Astuce : les éléments d’accent restent discrets et volontaires pour que le foncé domine l’ensemble.

Exemple d'image de baie de corbeau générée avec media.io

19) Charbon Brumeux

HEX : #101114 #23262d #3d424e #7e8596 #e3e6ee

Ambiance : neutre, aérien, fiable

Idéal pour : présentation de slides

Neutre et aérien, comme du charbon adouci par la brume côtière. Un choix sûr et moderne pour slides où tableaux, chiffres et titres doivent rester lisibles. Utilisez le charbon moyen pour le corps du texte, le teint pâle pour les toiles, les tons foncés pour les séparateurs de sections. Astuce : appliquez la teinte la plus claire derrière les données clés pour faciliter le scan visuel.

Exemple d'image de charbon brumeux générée avec media.io

20) Cuivre Nocturne

HEX : #120f12 #2a252b #463a45 #9a6b57 #f0e2da

Ambiance : intense, chaleureux, premium

Idéal pour : packaging de bougie de luxe

Intense et premium, comme le cuivre captant la lumière dans une pièce obscure. Cette palette d’ombres convient aux bougies de luxe, étiquettes parfum et coffrets cadeaux souhaitant chaleur sans éclat. Appliquez le cuivre par petites touches sur les détails en dorure, structurez le reste avec le prune-charbon. Astuce : gardez un fond crème lumineux pour sublimer les reflets métalliques.

Exemple d'image de cuivre nocturne générée avec media.io

Quelles couleurs se marient bien avec l’ombre ?

Les tons ombrés s’associent le mieux avec des tons clairs adoucis (blancs brumeux, beige lin, lilas pâle), car ils préservent la lisibilité sans créer la rupture d’un blanc pur. Cela rend les surfaces UI et pages éditoriales plus douces.

Pour les accents, choisissez une seule teinte retenue pouvant se retrouver sur plusieurs composants : mauve, cuivre, bleu ardoise, sarcelle atténuée ou olive cendrée. Si la base est sombre, même un accent faiblement saturé se remarque réellement.

Si vous voulez plus d’énergie, insérez une seule « couleur signal » à petite dose (boutons, badges, éléments graphiques). Gardez la maîtrise pour que la palette reste focalisée sur l’ombre, sans virer vers une gamme saturée complète.

Comment utiliser une palette d’ombre dans des designs réels

Commencez par un mapping par rôle : le plus foncé pour entêtes/pieds de page, foncé moyen pour surfaces principales, moyen pour les bordures et panneaux secondaires, teinte claire pour cartes, modales ou fonds de données clés.

Pour le branding, fixez logo et typographie dans le plus neutre foncé, puis laissez l’accent sur les finitions packaging, templates réseaux ou détails dorure/spot. Les palettes d’ombre ont l’air premium si les répétitions sont cohérentes.

En édition, évitez de remplir de larges blocs avec le ton le plus sombre. Une base quasi-noir et des marges blanc chaud donnent souvent côté raffiné et un rendu plus fiable à l’impression.

Créer des visuels de palettes d’ombre avec l’IA

Si vous avez déjà des codes HEX, le meilleur test rapide d’une palette d’ombre est de générer des maquettes réalistes (UI, affiches, emballages) avant de tout dessiner à la main. Vous évaluez ainsi contexte, contraste, humeur, accent.

Réutilisez les invites ci-dessus, remplacez par votre concept (type de marque, mise en page, sujet), gardez la direction palette constante (charbon, ardoise, accent atténué). Particulièrement utile pour pitch decks ou travail de marque amont.

Avec Media.io, vous pouvez générer plusieurs variantes en quelques minutes puis affiner l’invite pour piloter lumière, texture et composition, tout en conservant l’ombre dominante.

Suivant : Palette de couleurs traditionnelle