Tons plats modernes : 20 combinaisons de palettes + Hex

Les couleurs unies sont modernes, lisibles et facilement adaptables sur tous les écrans—parfaites pour l’UI, l’image de marque, les affiches et l’impression. Quand les tons sont purs (sans dégradés), votre composition, votre typographie et votre hiérarchie prennent la parole.

Voici 20 idées de palettes de couleurs unies avec les codes HEX, les ambiances et des conseils pratiques d’utilisation—ainsi que des exemples de prompts IA à réutiliser pour générer des visuels cohérents.

Pourquoi les palettes unies fonctionnent si bien

Les palettes unies éliminent le bruit visuel. Sans dégradés ni textures marquées, les utilisateurs analysent plus vite, les états UI sont plus clairs et la typographie reste nette sur tous les appareils.

Elles sont également prévisibles en production. Les aplats reproduisent les couleurs de façon cohérente sur le web, les applications et l’impression, et ils sont plus faciles à standardiser dans les systèmes de design.

Surtout, les couleurs unies rendent la hiérarchie évidente. Vous pouvez attribuer des rôles (surface, primaire, accent, texte) et garder votre interface ou votre composition cohérente à mesure qu’elle grandit.

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

1) Neutres argile apaisante

HEX : #f2e9e4 #c9ada7 #9a8c98 #4a4e69 #22223b

Ambiance : ancré, calme, raffiné

Idéal pour : directives éditoriales d’identité de marque

Ancrés et proches de l’univers galerie, ces neutres argile évoquent le papier lin, les ombres douces et une confiance tranquille. Ils fonctionnent merveilleusement pour des pages de charte graphique, des lookbooks, et des présentations premium où la typographie doit respirer. À associer avec un fond blanc chaud et un accent encre foncée pour les titres. Conseil d’utilisation : gardez le texte principal dans le marine le plus sombre et réservez le mauve pour les appels à l’action afin de préserver le contraste sans agressivité.

Exemple d’image de neutres argile apaisante 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 directement dans votre navigateur.

Essayez-le gratuitement maintenant

2) Menthe pop

HEX : #e8f9fd #79dae8 #0aa1dd #2155cd #092a5e

Ambiance : frais, dynamique, énergique

Idéal pour : maquette UI de dashboard 2D

Fraîches et technologiques, ces tonalités menthe à navy rappellent une eau limpide, des données claires et un feedback rapide. Elles brillent dans les dashboards, panneaux d’analyse et widgets SaaS où la hiérarchie est cruciale. Équilibrez le cyan vif avec une barre latérale navy foncée et gardez les surfaces pâles pour la lisibilité. Conseil d’utilisation : utilisez le bleu vif pour les boutons principaux et l’aqua plus doux pour les états secondaires ou hover.

Exemple d’image de menthe pop générée avec media.io

3) Soda pêche

HEX : #fff1e6 #ffd7ba #ffb085 #ff7a59 #2d3047

Ambiance : ludique, chaleureux, moderne

Idéal pour : affiche promotionnelle réseaux sociaux

Ludique et “prête à consommer”, ce mélange évoque l’effervescence pêche, une crème douce et un accent coucher de soleil dynamique. Ces associations de couleurs unies conviennent parfaitement aux promotions sur les réseaux, annonces de créateurs et citations percutantes. Combinez le corail avec l’indigo profond pour un contraste typographique fort, et laissez la pêche pâle porter le fond. Conseil d’utilisation : évitez les dégradés, privilégiez les formes franches pour préserver l’aspect moderne et épuré.

Exemple d’image de soda pêche générée avec media.io

4) Notes champêtres forestières

HEX : #f6f4d2 #c8d5b9 #8fc0a9 #68b0ab #4a7c59

Ambiance : naturel, calme, rustique

Idéal pour : concept d’emballage éco

Naturels et apaisants, ces verts évoquent les feuilles pressées, le papier recyclé et une randonnée matinale. Adaptés aux emballages écologiques, étiquettes de produits durables et marques de bien-être naturel. À combiner avec des textures kraft ou un fond crème propre pour un rendu honnête et respirant. Conseil d’utilisation : utilisez le vert le plus sombre pour les textes réglementaires et les verts moyens pour les icônes, afin de garantir la lisibilité sur fond clair.

Exemple d’image de notes champêtres forestières générée avec media.io

5) Arcade nocturne

HEX : #f7b801 #f18701 #f35b04 #3d348b #0e0b16

Ambiance : audacieux, électrisant, dramatique

Idéal pour : design flyer événement

Électriques et contrastées, ces tonalités rappellent les lumières d’arcade, les snacks de nuit et des titres percutants. Parfait pour les flyers d’événement, affiches de club ou graphiques de campagne nécessitant un impact immédiat. Associez les oranges chaleureux au violet profond pour du punch, et gardez le noir comme espace négatif pour éviter le bruit visuel. Conseil d’utilisation : limitez la typographie à deux graisses pour laisser la couleur s’exprimer.

Exemple d’image d’arcade nocturne générée avec media.io

6) Bureau ciel doux

HEX : #f3f8ff #deecff #b1d4e0 #3e7cb1 #1f2f56

Ambiance : aérien, fiable, calme

Idéal pour : UI page d’accueil SaaS

Aériennes et rassurantes, ces bleus ciel évoquent des étapes d’onboarding claires et une boîte de réception tranquille. Une palette unie comme celle-ci convient aux pages d’accueil SaaS, sections fonctionnalités et tableaux de tarification où la confiance est primordiale. À associer avec beaucoup d’espace blanc et un navy unique pour la navigation. Conseil d’utilisation : faites du bleu moyen votre CTA principal et utilisez les teintes pâles pour les fonds de section pour guider le scroll.

Exemple d’image de bureau ciel doux générée avec media.io

7) Abricot du désert

HEX : #fff4e0 #f2c6a0 #e07a5f #3d405b #81b29a

Ambiance : chaleureux, artisanal, équilibré

Idéal pour : invitation de mariage moderne

Chaleureuses et artisanales, ces tonalités rappellent la pierre chauffée par le soleil, le blush abricot et les feuilles de sauge fraîches. Idéales pour des invitations de mariage modernes, save-the-date et suites de papeterie minimaliste. Combinez l’ardoise foncée avec le crème pour une typographie claire, puis utilisez l’abricot en accent doux. Conseil d’utilisation : gardez les ornements simples (lignes fines, petites icônes) afin que la palette reste élégante et non rustique.

Exemple d’image d’abricot du désert générée avec media.io

8) Bibliothèque agrumes

HEX : #fff3b0 #ffcf56 #f29e4c #1b998b #2d3047

Ambiance : intelligent, solaire, assuré

Idéal pour : design couverture de livre

Intelligente et solaire, cette sélection évoque des pages surlignées, un zeste d’agrume et un sous-lignage sarcelle discret. Parfaite pour couvertures de livres non-fiction, cahiers de cours et jaquettes typographiques audacieuses. Combinez l’indigo foncé à du jaune pour une lecture nette, et utilisez le sarcelle en contrepoint moderne. Conseil d’utilisation : gardez l’imagerie minimale et laissez la typographie oversize porter le design pour des couleurs bien tranchées.

Exemple d’image de bibliothèque agrumes générée avec media.io

9) Bubbletea lilas

HEX : #f8e8ee #fcd5ce #d8e2dc #bee1e6 #a0c4ff

Ambiance : doux, mignon, apaisant

Idéal pour : publicité produit de soin

Douces et réconfortantes, ces pastels évoquent la mousse du bubbletea, le sucre lilas et le packaging aérien. Conviennent aux pubs pour soins de la peau, lancements de produits doux et bannières bien-être demandant un ton calme. À associer avec un blanc ou blush très pâle en fond et une typo légère mais contrastée. Conseil d’utilisation : choisissez un pastel dominant pour le produit principal et utilisez les autres comme blocs supports afin d’éviter un effet délavé.

Exemple d'Image de lilac bubbletea généré en utilisant media.io

10) Sprint Monochrome

HEX :#f8f9fa#e9ecef#adb5bd#495057#212529

Ambiance :minimal, rapide, ciblé

Idéal pour :Ensemble d'icônes et composants de l'interface utilisateur

Minimalistes et ciblés, ces gris ressemblent à un tableau de sprint propre et à un espace de travail sans distraction. Ils sont parfaits pour les ensembles d'icônes, les composants de l'interface utilisateur et la documentation où la cohérence gagne. Associez-le à une seule couleur d'accent de marque ailleurs dans votre système, et gardez ces couleurs neutres pour la structure. Astuce d'utilisation: Réservez la teinte la plus foncée pour le texte et les bordures, et utilisez la teinte la plus claire pour les surfaces afin de maintenir un contraste accessible.

Exemple d'Image d'un sprint monochrome généré à l'aide de media.io

11) Transport maritime

HEX :#e0fbfc#98c1d9#3d5a80#293241#ee6c4d

Ambiance :Nautique, Audacieux, Professionnel

Idéal pour :Présentation slide deck

Nautiques et professionnelles, ces couleurs évoquent les cartes d'expédition, l'air frais et un signal de corail confiant. Utilisez cette palette de couleurs plates pour les ponts de diapositives, les rapports et les modèles de discours qui ont besoin de clarté avec un peu de personnalité. Associez le pale aqua à deep navy pour les diviseurs de sections, et gardez le corail uniquement pour les numéros clés ou les CTA. Astuce d'utilisation: Répétez l'accent corail en petites doses sur les diapositives pour créer un rythme cohérent.

Exemple d'Image du fret maritime généré à l'aide de media.io

12) Nuit de Sakura

HEX :#ffe5ec#ffb3c6#ff8fab#a4133c#590d22

Ambiance :Romantique, Dramatique, luxe

Idéal pour :Couverture d'album musical

Romantique avec un bord dramatique, cette palette ressemble à des fleurs de cerisier sous les lumières de scène. Il convient aux couvertures d'albums pop et R&B, à l'art unique et aux graphiques d'artistes qui ont besoin d'un cœur audacieux. Associez le rose pâle à la teinte de vin profond pour un contraste focal fort et gardez la typographie simple. Astuce d'utilisation: Utilisez le ton le plus foncé comme vignette ou cadre pour faire paraître les roses plus vifs intentionnels, pas sucrés.

Exemple d'Image de sakura night généré en utilisant media.io

13) Matin alpin

HEX :#f1faee#a8dadc#457b9d#1d3557#e63946

Ambiance :Croustillant, aventureux, clair

Idéal pour :blog de voyage hero header

Croustillantes et aventureuses, ces tons évoquent l'air froid, les lacs glaciaires et un marqueur rouge vif. Ils fonctionnent bien pour les en-têtes de blogs de voyage, les guides de destination et les sections de héros éditoriaux. Associez le bleu marine à la menthe pâle pour une lisibilité claire, puis utilisez le rouge avec parcimonie pour indiquer les actions clés. Conseils d'utilisation: Gardez l'illustration du héros simple et géométrique afin que les couleurs lisent instantanément à de larges rapports d'aspect.

Exemple d'Image de alpine morning généré avec media.io

14) Café Terra Cotta

HEX :#f7ede2#f5cac3#f28482#84a59d#2a9d8f

Ambiance :Confortable, sympathique, artisanal

Idéal pour :Conception de menu de café

Confortable et conviviale, ces couleurs ressemblent au lait cuit à la vapeur, à la céramique de blush et à une plante de menthe sur le comptoir. Ils conviennent parfaitement aux menus des cafés, à la signalisation des petites entreprises et aux inserts d'emballage alimentaire. Associez les roses chauds aux verts les plus froids pour maintenir la disposition équilibrée, et utilisez de la crème comme pièce de respiration. Astuce d'utilisation: Définissez les prix dans le vert le plus profond afin qu'ils restent lisible sur les tons de fond plus doux.

Exemple d'Image de terra cotta cafe généré en utilisant media.io

15) Console rétro

HEX :#eae2b7#fcbf49#f77f00#d62828#003049

Ambiance :rétro, punchy, nostalgique

Idéal pour :Écrans d'intégration des applications

Rétro et percutant, ces tons rappelent à l'esprit les consoles vintage, les jetons d'arcade et les invites d'écran gras. Ces combinaisons de couleurs plates sont excellentes pour les écrans intégrés où vous voulez une compréhension rapide et une dynamique ludique. Associez le bleu marine à la crème pour une copie claire, puis utilisez l'orange ou le rouge pour la progression et les points forts. Conseils d'utilisation: Gardez les illustrations simples et utilisez des rayons d'angle cohérents afin que le look reste cohérent à travers les étapes.

Exemple d'Image de retro console généré à l'aide de media.io

16) Béton frais

HEX :#f4f4f4#d9d9d9#b0bec5#546e7a#263238

Ambiance :Industriel, moderne, discret

Idéal pour :architecture portfolio layout

Industriel et discret, cet ensemble ressemble au béton, à l'acier et à une douce lumière nuageuse. Il convient aux portefeuilles d'architecture, aux études de cas et aux présentations en studio où le travail doit rester au centre de la scène. Associez le charbon de bois le plus foncé avec beaucoup de marges de gris clair et gardez le bleu-gris comme un signe de section subtil. Astuce d'utilisation: Utilisez des règles fines et des espacements généreux au lieu de blocs lourds pour maintenir une structure haut de gamme et aérée.

Exemple d'Image de cool concrete généré en utilisant media.io

17) Marché d'automne

HEX :#fff1c1#f4d35e#ee964b#f95738#0d3b66

Ambiance :Festif, chaleureux, confiant

Idéal pour :Bannière de vente saisonnière

Festives et chaleureuses, ces teintes évoquent les stands du marché, la lumière dorée et une veste bleu marine nette. Ils sont idéaux pour les bannières de vente saisonnières, les en-têtes d'e-mail et les promotions de détail qui ont besoin d'une urgence conviviale. Associez le bleu marine avec le jaune pour un contraste élevé et gardez l'orange pour les badges ou les étiquettes de réduction. Astuce d'utilisation: Évitez d'utiliser tous les tons chauds à la fois dans de grandes zones; Laissez une couleur chaude dominer et utilisez les autres comme accents.

Exemple d'Image du marché d'automne généré en utilisant media.io

18) Salon de glaces

HEX :#fde2e4#fad2e1#c5dedc#dbe7e4#f0efeb

Ambiance :Doux, léger, aéré

Idéal pour :invitation à la douche bébé

Douces et aérées, ces crèmes pastel et menthe se sentent comme des cuillères dans une boîte en verre refroidie. Ils s'adaptent aux invitations de baby shower, aux annonces douces et à la papeterie de fête douce. Associez-le à un simple type serif ou sans arrondi et gardez les arrière-plans principalement crème pour la lisibilité. Astuce d'utilisation: Ajoutez une seule couleur de texte plus foncée, comme le charbon de bois, afin que les tons délicats ne réduisent pas la lisibilité.

Exemple d'Image de salle de glace générée en utilisant media.io

19) Découpe de la galaxie

HEX :#f0f3bd#02c39a#00a896#028090#05668d

Ambiance :Futuriste, propre, océanique

Idéal pour :fintech mobile interface utilisateur

Futuristes et océaniques, ces teals ressemblent à un tableau de bord lumineux dans une pièce sombre. Ils s'adaptent parfaitement à l'interface utilisateur mobile fintech, aux écrans de portefeuille et aux flux de sécurité où la clarté crée la confiance. Associez le lime pâle comme couleur de reflets et gardez le teal plus profond pour la navigation et les cartes. Astuce d'utilisation: Utilisez le bleu vert le plus brillant uniquement pour les états de réussite pour rendre les commentaires instantanément reconnaissables.

Exemple d'Image de découpe de galaxie générée à l'aide de media.io

20) Studio ensoleillé

HEX :#fff8e7#fee440#00bbf9#00f5d4#9b5de5

Ambiance :Créatif, optimiste, moderne

Idéal pour :Créateur portfolio Page d'accueil

Optimistes et créatifs, ces couleurs ressemblent à la lumière du soleil sur un bureau avec des marqueurs vifs à proximité. Ils fonctionnent bien pour les portefeuilles de créateurs, les pages d'accueil des agences et les marques personnelles ludiques. Associez le jaune chaud avec beaucoup de crème pour qu'il ne submerge pas, et utilisez le violet pour les boutons ou les maillons clés. Astuce d'utilisation: Choisissez deux couleurs dominantes par section et gardez le reste comme de petits accents pour éviter une page bruyante.

Exemple d'Image de sunlit studio généré avec media.io

Quelles couleurs vont bien avec les couleurs unies ?

Les palettes de couleurs plates s'associent mieux aux neutres clairs (blanc, blanc cassé chaud, gris clair, charbon de bois) car elles préservent l'aspect propre et graphique et gardent le contraste prévisible.

Essayez une approche «un héros + un accent»: choisissez un ton plat dominant pour les grandes surfaces, puis un seul accent haute énergie pour les CTA, les badges ou les chiffres clés. Cela garde le système moderne au lieu de bruyant.

Si vous avez besoin de plus de profondeur sans dégradés, utilisez une rampe étagée (claire, moyenne, foncée) de la même teinte, plus un accent contrasté (comme le corail contre le bleu marine ou le teal contre l'orange).

Comment utiliser une palette de couleurs unies dans des designs réels ?

Attribuez des rôles à chaque couleur avant de concevoir: arrière-plan/surface, action primaire, action secondaire, texte et bordures. Les couleurs plates semblent intentionnelles lorsque chaque ton a un travail.

Pour l'interface utilisateur, gardez les tons les plus clairs pour les surfaces et réservez votre couleur la plus sombre pour le texte et les séparateurs pour protéger l'accessibilité. Pour l'impression et les affiches, utilisez de grandes formes plates et moins de styles de type afin que la palette reste nette.

Pour éviter un look «jouet», limitez les couleurs saturées à de petites zones et laissez des teintes plus douces gérer la majeure partie de la toile, en particulier dans les mises en page de marque et de sites Web modernes.

Créez des visuels en palettes unies avec l’IA

Besoin d'une maquette rapide qui correspond à votre palette de design plat? Générez des visuels cohérents (affiches, écrans d'interface utilisateur, couvertures, emballages) en réutilisant un style d'invite et en échangeant uniquement les indications de couleur.

Avec Media.io, vous pouvez coller les invites ci-dessus, ajuster le rapport d'image et créer un ensemble d'images cohérentes qui correspondent à votre système de marque, sans repartir de zéro à chaque fois.

Une fois que vous aimez un résultat, enregistrez l'invite sous forme de modèle afin que les ressources futures restent cohérentes entre les campagnes, les pages et les plateformes.

À suivre : Palette de couleurs Pissenlit