Tons d’orage modernes : 20 combinaisons de palettes + hex

Les palettes d’orage associent de profonds bleus marines, des gris ardoise, et des accents à fort contraste pour créer des designs modernes, audacieux et instantanément cinématographiques.

Voici 20 combinaisons de couleurs d’orage sélectionnées, avec leurs codes HEX et des conseils pratiques pour les associations en branding, interfaces, affiches et packaging.

Pourquoi les palettes orage fonctionnent si bien

Les couleurs d’orage créent naturellement une hiérarchie : des bases sombres (marine, charbon, ardoise) ancrent la typographie et les composants d’interface, tandis que les tons brumeux plus clairs apportent de l’espace pour la lisibilité.

Elles apportent aussi un "effet ambiance immédiat". Les bleus orageux et les neutres froids inspirent confiance et professionnalisme, tandis qu’un seul accent d’éclair (jaune, cyan, ambre ou or) fournit un contraste saisissant sans multiplier les couleurs.

Parce que ces palettes oscillent entre neutre et saturé, elles s’adaptent à tous les supports — des tableaux de bord SaaS épurés aux affiches cinématographiques — tout en restant intemporelles et modernes.

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

1) Éclair sur ardoise

HEX : #0B1320 #1F2A44 #3E4C66 #8A94A6 #F2D14B

Ambiance : dramatique, électrique, moderne

Idéal pour : page d’accueil pour start-up tech

Des bleus de minuit intenses et des gris ardoise orageux évoquent des nuages se fendant pour laisser jaillir un éclair. Utilisez cette palette pour les sections heroes, titres et appels à l’action qui nécessitent un contraste instantané. Associez le jaune à beaucoup d’espace blanc et laissez les tons froids porter l’arrière-plan. Conseil : limitez le jaune éclair à un seul élément d’action principal pour éviter la surcharge visuelle.

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

Media.io

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

Essayez gratuitement

2) Béton lessivé par la pluie

HEX : #101820 #2B2F36 #5B6672 #A7B0BA #E6E9ED

Ambiance : minimaliste, frais, ancré

Idéal pour : tableau de bord UI minimaliste

Les gris béton frais rappellent les rues de la ville après une averse, calmes et concentrés. Ces tons sont parfaits pour les dashboards, tableaux de données et panneaux admin où la lisibilité est essentielle. Ajoutez un seul accent saturé seulement pour les alertes ou statuts. Conseil : réservez le gris le plus clair pour les cartons et surfaces afin de garder la hiérarchie nette.

Exemple d’image “béton lessivé par la pluie” généré avec media.io

3) Nuage d’orage lavande

HEX : #1A1B2A #2D2B3F #5B4E70 #A49AB8 #E9E4F0

Ambiance : onirique, ténébreux, éditorial

Idéal pour : double page magazine éditorial

Des indigos fumés et lavandes sourdes évoquent des nuages crépusculaires flottant sur une ligne d’horizon paisible. Ce mélange est idéal pour les magazines, pages poétiques et catalogues sophistiqués qui recherchent douceur et profondeur. Associez à des marges ivoire et une typo serif discrète pour accentuer l’esprit éditorial. Conseil : utilisez le lilas pâle en surlignage pour les citations et les séparateurs de section.

Exemple d’image “nuage d’orage lavande” généré avec media.io

4) Vert sarcelle tonnerre

HEX : #081C1E #0E3B43 #1B6B73 #7FB7B5 #D8F3F1

Ambiance : frais, aquatique, confiant

Idéal pour : identité marque bien-être

Un vert sarcelle océanique profond avec écume de mer brumeuse évoque la pluie tombant sur des falaises côtières. Ces associations de couleurs orage brillent dans l’univers bien-être, packagings spa et visuels d’applis apaisantes où la confiance est essentielle. Associez à des neutres doux et une typo sans empattement arrondie pour un rendu amical et moderne. Conseil : utilisez l’écume claire en fond principal et laissez les verts foncés structurer logos et en-têtes.

Exemple d’image “vert sarcelle tonnerre” généré avec media.io

5) Parapluie noir

HEX : #050608 #14161A #2A2D34 #6B707A #D1D5DB

Ambiance : épuré, urbain, très contrasté

Idéal pour : mise en page lookbook mode

Des noirs d’encre et gris graphite rappellent une balade de nuit sous les lampadaires, parapluie à la main. La palette sublime la photographie produit pointue, les éditoriaux mode et la typographie de luxe sans jamais détourner l’attention. Ajoutez un accent métallique en finition d’impression pour plus de chic. Conseil : placez le texte principal sur le gris le plus clair pour le confort, et utilisez le quasi noir pour les titres.

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

6) Lueur d’asphalte mouillé

HEX : #0A0D12 #232A34 #3D4B63 #9AA4B2 #FFB000

Ambiance : énergique, brut, ambiance nocturne urbaine

Idéal pour : affiche événement nocturne

Les bleus asphalte rugueux et l’acier sombre évoquent un effet ciné, comme le néon reflété sur la chaussée mouillée. Idéal pour concerts, affiches nocturnes, événements tech qui réclament un point focal fort. À associer à une typo condensée et une grille rigoureuse pour canaliser l’énergie. Conseil : utilisez l’ambre en accent projecteur sur les points clés comme la date ou le lieu.

Exemple d’image “lueur d’asphalte mouillé” généré avec media.io

7) Olive grondement lointain

HEX : #10130F #2A3522 #4D5E3B #A3B18A #E9EDC9

Ambiance : terrien, robuste, apaisant

Idéal pour : packagings vêtements outdoor

Des olives mousse et kakis sourds évoquent la forêt sous des nuages de pluie, stable et robuste. Ces tons sont parfaits pour équipements outdoor, objets durables ou labels tradition héritage où la nature doit sembler authentique. À associer à des textures kraft ou finitions mates pour renforcer l’ambiance terre. Conseil : gardez le kaki clair pour les panneaux de fond pour la lisibilité des infos produits.

Exemple d’image “olive grondement lointain” généré avec media.io

8) Rose charge statique

HEX : #1B0F17 #3B1E2D #6B3A4D #C48A9B #F4E3E7

Ambiance : romantique, radical, nocturne

Idéal pour : design pochette d’album

Des ombres fruits rouges et des accents vieux rose évoquent la foudre lointaine sur un rythme doux. Ce mélange convient à l’art d’albums, recueils poétiques et campagnes boutique qui cherchent l’émotion sans cliché. Accompagnez de typo très contrastée et de textures grainées pour un rendu moderne et dramatique. Conseil : utilisez le rose pâle en filets ou étiquettes pour encadrer l'œuvre.

Exemple d’image “rose charge statique” généré avec media.io

9) Éclair coupé cuivre

HEX : #1A1512 #3A2C23 #6D4C3D #C08B5C #F1E2CF

Ambiance : chaleureux, rustique, raffiné

Idéal pour : impression menu café

Des bruns espresso fumés et une chaleur cuivrée rappellent une lumière de lampe par une soirée pluvieuse. Idéal pour menus de café, marques food artisanales et papeterie chaleureuse. Associez à du papier crème et une typo sérif classique pour une allure accueillante et premium. Conseil : mettez en valeur les spécialités en cuivre et le texte d’accompagnement en brun soutenu pour l’équilibre.

Exemple d’image du cuivre découpé par la foudre généré avec media.io

10) Harbor Storm Blue

HEX : #071821 #0E2A3A #164A63 #4D7C8A #C7DDE2

Ambiance : nautique, stable, professionnel

Idéal pour : interface de site de voyage

Les bleus portuaires et les accents vert-verre de mer évoquent les vagues sous un ciel chargé, fiables et calmes. Cette palette convient aux plateformes de voyage, flux de réservation et pages riches en contenu qui requièrent des sections claires. À associer à des photographies chaleureuses et laisser le bleu moyen gérer boutons et liens. Conseil : utilisez l’aqua pâle en fond pour les filtres et panneaux secondaires afin d’alléger le visuel.

Exemple d’image de Harbor Storm Blue générée avec media.io

11) Hailstone Mint

HEX : #0A1A18 #0F3D3A #2D6A63 #9DD9D2 #E6FFFA

Ambiance : vif, pur, rafraîchissant

Idéal pour : écrans d’onboarding pour appli mobile

Les tons bleu-vert vifs évoquent la pluie glacée et l’air frais après l’orage. Idéal pour l’onboarding, les applis santé et une expérience UX claire et rassurante. À associer à des icônes simples et des espaces généreux pour conserver la légèreté. Conseil : utiliser le menthe comme couleur de surface principale et réserver le bleu sarcelle foncé à la navigation et aux états actifs.

Exemple d’image de Hailstone Mint générée avec media.io

12) Midnight Downpour

HEX : #050A12 #0B1A2A #1E3347 #556B7A #B9C3CC

Ambiance : cinématographique, intense, dramatique

Idéal pour : affiche de film cinématographique

Les bleus minuit cinématographiques et les gris acier froids suggèrent la pluie sur les vitres et une ville vibrant dans l’obscurité. Cette palette orageuse est idéale pour affiches de films, couvertures de livres ou campagnes visuelles intenses. Ajoutez une unique touche d’accent chaud pour un point focal, tout en gardant une typographie froide et nette. Conseil : utilisez le gris clair pour les crédits et mentions légales pour préserver la lisibilité sans casser l’ambiance.

Exemple d’image de Midnight Downpour générée avec media.io

13) Charged Indigo

HEX : #0C1024 #1B1F4A #343A8C #7C7FE3 #E8E9FF

Ambiance : audacieux, futuriste, énergique

Idéal pour : interface overlay stream gaming

Les indigos électriques et le bleu pervenche lumineux rappellent les éclairs au loin illuminant des nuages épais. Ces combinaisons orageuses sont idéales pour overlays de streaming, panneaux esport et UI dynamiques avec profondeur et éclat. À coupler avec des formes géométriques nettes, texte clair pour le contraste. Conseil : réservez la pervenche la plus vive pour les états actifs et notifications pour maintenir la hiérarchie.

Exemple d’image de Charged Indigo générée avec media.io

14) Foggy Pier Neutrals

HEX : #0D0F12 #202329 #3C4048 #8D949E #F5F6F7

Ambiance : neutre, soigné, corporate

Idéal pour : modèle de présentation entreprise

Les gris brume et accents presque noirs évoquent un quai silencieux disparaissant dans le brouillard. Cette gamme neutre convient parfaitement à présentations, rapports et modèles d'affaires épurés. Associez une couleur de marque unique aux graphiques pour éviter la monotonie. Conseil : utilisez le gris le plus clair comme fond de slide et réservez les tons sombres pour les titres et séparateurs.

Exemple d’image de Foggy Pier Neutrals générée avec media.io

15) Electric Horizon Cyan

HEX : #06141B #0B2B35 #0E5666 #29B6C8 #D8FBFF

Ambiance : vif, technologique, épuré

Idéal pour : infographie explicative SaaS

Le cyan éclatant sur fond bleu-vert profond évoque la fin d’un orage révélant un horizon lumineux. Parfait pour infographies SaaS et schémas de fonctionnalités qui nécessitent une structuration visuelle immédiate. À associer à des icônes fines et beaucoup d’espace pour un design aéré. Conseil : gardez le cyan pour chiffres-clés et points forts, et les tons foncés pour structure et étiquettes.

Exemple d’image de Electric Horizon Cyan générée avec media.io

16) Storm Lantern Gold

HEX : #0E1116 #1F2A33 #394B57 #8796A5 #D8B15A

Ambiance : luxe, accent chaud, confiant

Idéal pour : publicité produit montre premium

Le graphite profond et l’acier froid instaurent une ambiance luxueuse, l’or de lanterne apporte une chaleur maîtrisée semblable à une lumière dans la tempête. Idéal pour pubs premium, tech haut de gamme, bannières élégantes. Préférez un texte minimal et une typo marquée pour la sophistication. Conseil : utilisez l’or avec parcimonie pour le logo, le prix ou un détail clé pour signaler la qualité.

Exemple d’image de Storm Lantern Gold générée avec media.io

17) Rainy Day Pastels

HEX : #1A2330 #2F3D4F #6C7A89 #C7CED6 #F7F2E8

Ambiance : doux, discret, élégant

Idéal pour : suite d’invitations de mariage

Les bleus-gris doux et l’ivoire chaleureux évoquent une fine pluie à l’extérieur d’une pièce éclairée à la bougie. Cette palette convient à la papeterie de mariage moderne, aux invitations minimalistes et aux faire-part raffinés. À associer à des dessins au trait délicats et une police à empattement classique pour l’intemporalité. Conseil : imprimez le ton le plus foncé pour les noms et titres, et utilisez les gris clairs pour bordures et détails.

Exemple d’image de Rainy Day Pastels générée avec media.io

18) Thunder Alley Burgundy

HEX : #12070B #2C0F17 #5A1C2B #9B4A5D #E7C7CE

Ambiance : audacieux, romantique, enveloppant

Idéal pour : branding librairie et tote bag

Le bordeaux profond et le rose vieilli évoquent le tonnerre dans une ruelle éclairée de vitrines chaudes. Parfait pour branding de librairie, événements littéraires, ou packaging qui cherche caractère et profondeur. À associer à du papier crème et une typographie vintage pour un aspect cosy et soigné. Conseil : réserver le blush en fond et utiliser le bordeaux pour logos et tampons pour plus d’intention.

Exemple d’image de Thunder Alley Burgundy générée avec media.io

19) Afterstorm Sunrise

HEX : #0B1D2A #143B4D #2C6E7B #F2B880 #F7E7C8

Ambiance : optimiste, équilibré, frais

Idéal pour : set de templates réseaux sociaux

Les bleus orage frais associés à la pêche douce de l’aube rappellent le retour de la lumière après dissipation des nuages. Un équilibre idéal pour des posts, carrousels ou branding lifestyle qui veulent du contraste doux. À associer à une typo sans-serif moderne et formes simples. Conseil : la pêche pour des callouts et stickers, et réserver les bleus à la structure et la cohérence.

Exemple d’image de Afterstorm Sunrise générée avec media.io

20) Calm After Rain

HEX : #0E1821 #1F3240 #3E5C6B #A3B7C2 #EAF0F2

Ambiance : calme, aérien, contemporain

Idéal pour : moodboard décoration intérieure

Les bleus-gris froids et les tons brume légers évoquent le calme du ciel après les dernières gouttes. Parfait pour moodboard déco, portfolios d’architecture ou branding lifestyle paisible. Ajoutez des matières bois chaudes ou du beige doux pour un confort sans perdre en clarté. Conseil : laissez le ton le plus clair dominer le support et réservez les bleus profonds pour étiquettes et échantillons.

Exemple d’image de Calm After Rain générée avec media.io

Quelles couleurs s’accordent avec une palette orage ?

Les tons orageux s’accordent parfaitement avec des neutres froids et clairs (brume, blanc cassé, acier) pour garder une mise en page moderne et lisible. Utilisez-les en fond, sur les cartes ou les larges zones de texte sans altérer l’ambiance.

Pour les accents, choisissez une couleur « éclair » : ambre/jaune pour l'urgence et les CTAs, cyan pour une touche technologique, ou or pour un branding premium. Restez minimal pour garder la palette maîtrisée.

Besoin de chaleur ? Ajoutez une touche pêche, cuivre ou blush — surtout pour lifestyle, éditorial ou packaging — tout en gardant les bleus/gris orage en base de structure.

Comment utiliser une palette orage dans des designs réels

Commencez par une base foncée (marine/charbon) pour les titres, sections héro ou navigation, puis utilisez l’ardoise/acier moyen pour les panneaux secondaires et séparateurs. Cela donne du relief sans ombres marquées.

Réservez la teinte la plus claire aux fonds et surfaces pour une typographie toujours confortable à lire. Pour l’UI, harmonisez les états interactifs en attribuant un ton moyen aux boutons et un accent pour “actif/principal”.

En impression (affiches, menus, packaging), les palettes orage gagnent en élégance avec des finitions mates, un grain subtil ou un dégradé doux — évitez toutefois de multiplier les accents sur la même maquette.

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

Pour voir le comportement réel des tons orage dans des compositions, générez rapidement des maquettes (hero, affiches, packaging, onboarding) avant de figer votre système de design.

Avec le text-to-image de Media.io, vous pouvez tester le contraste typographique, le placement des accents et l’ambiance générale en quelques minutes — puis itérer les prompts selon le style de votre marque.

Utilisez votre jeu HEX préféré ci-dessus, décrivez la mise en page et nommez un accent comme point focal pour un look orageux impeccable.

Suivant : Palette de couleurs manoir hanté