Schémas de couleurs Eclipse : mélanges doux, audacieux et neutres

Les palettes Eclipse tournent autour de tons neutres foncés—encre, charbon et tonalités nocturnes—puis ajoutent un accent maîtrisé (lavande, bleu sarcelle, or ou rose) pour attirer l’attention.

Vous trouverez ci-dessous 20 combinaisons de couleurs eclipse prêtes à l’emploi, avec codes HEX, notes d’ambiance et exemples de prompts IA à reproduire pour le branding, l’UI et les visuels sociaux.

Pourquoi les palettes couleur Eclipse fonctionnent si bien

Les palettes Eclipse sont construites sur des bases faibles en luminosité (presque noir, charbon, ardoise, bleu marine profond) qui donnent instantanément une impression moderne, haut de gamme et ciblée. Comme la base est discrète, la hiérarchie de la typographie et de la mise en page devient plus claire avec moins de couleurs.

Elles s’adaptent aussi facilement à différents produits : vous gardez le même système de neutres foncés pour les composants UI, puis vous changez simplement un accent pour correspondre à une campagne, une fonctionnalité ou une ligne de marque. Cela rend les palettes Eclipse pratiques pour les systèmes de design et les flux de contenu.

Le plus important : les combinaisons Eclipse facilitent le contrôle du contraste. Vous pouvez créer de la profondeur avec des petites transitions entre gris, puis utiliser une couleur d’accent pour les CTA, les labels ou les moments clés sans saturer l’écran.

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

1) Orbite Nocturne

HEX : #0b0f1a #1b2a41 #3a4f7a #9aa6b2 #f2f5f7

Ambiance : cosmique, concentrée, moderne

Idéal pour : tableau de bord d’analyse saas

Cosmique et concentrée, ces tons Eclipse évoquent une salle de contrôle silencieuse sous un ciel étoilé. Utilisez le bleu marine profond et l’encre comme base, puis faites ressortir la hiérarchie avec le bleu acier et le gris froid. Fonctionne bien pour les UI riches en données, les écrans fintech et les panneaux d’administration où le contraste importe. Conseil : réservez le quasi-blanc pour les cartes et métriques clés afin de garder la mise en page aérée.

Exemple d’image d’orbite nocturne 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 gratuitement maintenant

2) Halo Cendré

HEX : #1a1a1a #3b3f46 #6b7078 #c9c6bf #f4f1ea

Ambiance : calme, raffiné, éditorial

Idéal pour : système d’identité de marque minimal

Calme et raffiné, ce mélange évoque la cendre douce, le métal poli et le papier chaleureux. Ces palettes Eclipse fonctionnent au mieux quand vous réservez le charbon le plus foncé pour les logos et titres, puis laissez l’écru chaud occuper l’espace négatif. Idéal pour les systèmes d’identité premium, mises en page typographiques et packaging monochrome. Conseil : ajoutez de la texture par du grain subtil ou des finitions papier recyclé plutôt que par des couleurs supplémentaires.

Exemple d’image de halo cendré générée avec media.io

3) Lavande Lunaire

HEX : #14121a #2b2436 #5a4e78 #b8a7d9 #f5f2fb

Ambiance : rêveur, doux, nocturne

Idéal pour : écrans d’accueil d’application bien-être

Rêveur et nocturne, ces violets ressemblent à la lumière de la lune filtrée par les nuages. Ancrez l’écran par le violet quasi-noir, puis laissez la lavande porter les accents et les interactions amicales. Parfait pour bien-être, sommeil et journaux où l’on cherche le calme sans tomber dans le pastel. Conseil : utilisez le lilas pâle comme fond doux pour éviter un contraste dur.

Exemple d’image de lavande lunaire générée avec media.io

4) Ombre Solaire

HEX : #0f1012 #2a2d34 #444a54 #d0a85c #f6f0e4

Ambiance : dramatique, premium, cinématographique

Idéal pour : design d’affiche d’événement luxueux

Dramatique et cinématique, les gris foncés préparent un instant “spotlight” pour l’or chaud. Cette palette Eclipse est la plus forte quand l’or est réservé comme accent rare pour dates, icônes ou une ligne clé. À utiliser pour affiches d’événements luxe, vernissages et soirées musicales où l’énergie premium est recherchée. Conseil : gardez les fonds mats et laissez l’or briller en éléments façon foil pour l’impact.

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

5) Nébuleuse Graphite

HEX : #101214 #24282e #3f4650 #7b8794 #e6e8eb

Ambiance : technique, net, discret

Idéal pour : site documentation développeur

Technique et net, ces tons graphite donnent une impression de métal brossé et blocs de code propres. Utilisez la nuance la plus sombre pour navigation et pied de page, puis montez dans les gris moyens pour sections et séparateurs. Convient pour documentation, bases de connaissances et support produit où la lisibilité est clé. Conseil : associez à une seule couleur statut vive pour succès et erreurs seulement.

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

6) Cuivre Crépusculaire

HEX : #121315 #2b2a2a #5a3e34 #b56a4a #f1e3d3

Ambiance : chaleureux, mystérieux, artisanal

Idéal pour : design packaging sacs café

Chaleureux et artisanal, cette gamme Eclipse rappelle les grains torréfiés, la lumière cuivrée et le café nocturne. Laissez les noirs espresso porter la marque, puis utilisez cuivre et beige pour notes de saveur et badges. Parfait pour packaging café, produits artisanaux et pubs lifestyle cosy. Conseil : ajoutez une illustration linéaire simple en beige pour garder le design premium et non chargé.

Exemple d’image de cuivre crépusculaire générée avec media.io

7) Verre Tempête

HEX : #0e1116 #1f2a33 #3b5564 #7fa0ad #d9e3e8

Ambiance : frais, fiable, élégant

Idéal pour : section hero page d’accueil b2b

Frais et fiable, ces bleus rappellent la pluie sur du verre et une dynamique calme. La palette Eclipse équilibre structure profonde et accents aérés pour une page moderne. Utilisez les tons les plus foncés pour headers et CTA, puis introduisez le bleu-gris pâle pour l’espace blanc et les dégradés subtils. Conseil : associez à une typo sans serif acérée et icônes linéaires simples pour un look enterprise soigné.

Exemple d’image de verre tempête générée avec media.io

8) Crépuscule Velours

HEX : #170f14 #2f1b2a #55304a #a36b8e #efe3ea

Ambiance : romantique, artistique, intime

Idéal pour : artwork pochette album

Romantique et intime, ces violets veloutés évoquent les rideaux de scène et les néons fanés. Utilisez la prune la plus sombre pour le fond, puis laissez le rose poussiéreux gérer titres et accents subtils. Efficace pour pochettes d’albums, fanzines poétiques et pubs nightlife boutique. Conseil : gardez la typographie minimale et laissez un dégradé doux faire tout le travail.

Exemple d’image de crépuscule velours générée avec media.io

9) Espresso Eclipse

HEX : #0f0c0a #2a1f1a #5a453b #a27c64 #f0e6dc

Ambiance : cosy, enraciné, rustique

Idéal pour : design menu café

Cosy et enracinée, cette gamme évoque la crème d’espresso, le bois de noyer et la lumière chaude de bougie. Utilisez le brun-noir le plus sombre pour titres et séparateurs, puis introduisez le beige pour prix et accents. Idéal pour menus café, signalétique boulangerie et overlays photo culinaire où la chaleur raconte l’histoire. Conseil : associez à une police serif pour le titre et beaucoup d’espace pour un effet haut de gamme.

Exemple d'Image de eclipse espresso généré avec media.io

10) Saphir fumé

HEX :#0b1016#142235#2a4664#5b7ea3#d7e2ef

Ambiance :Intelligent, calme, numérique

Idéal pour :ui de l'application mobile fintech

Intelligents et calmes, ces bleus suggèrent de la profondeur, de la sécurité et une sensation numérique polie. Gardez le bleu marine le plus foncé pour les barres d'onglets et les boutons principaux, et utilisez le bleu pâle comme toile principale pour les cartes. Il est idéal pour les applications fintech, les tableaux de bord bancaires et les flux d'abonnement où la clarté crée la confiance. Astuce: Ajoutez une bordure fine dans le bleu moyen pour séparer les cartes sans ombres lourdes.

Exemple d'Image de smoky sapphire généré en utilisant media.io

11) Béton Violet

HEX :#151516#2c2a33#4b465c#8a7ea6#e7e3f0

Ambiance :urbain, minimal, créatif

Idéal pour :Éditorial magazine spread

Urbaine et minimaliste, cette palette de couleurs eclipse ressemble à des murs en béton avec une lueur violette du crépuscule. Utilisez le noir profond pour le texte de corps, puis laissez le violet silencieux ajouter de la personnalité dans les guillemets et les étiquettes de section. Il convient aux éditoriaux de mode, aux mises en page d'architecture et aux magazines de culture qui ont besoin de retenue avec une touche. Astuce: associez-le à une photographie à haut contraste et gardez les blocs colorés à de petites marges ou sous-titres.

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

12) Jardin de nuit

HEX :#0d1110#1f2b24#3f4f3f#7c9a6a#e3efe1

Ambiance :Terreux, calme, botanique

Idéal pour :illustration botanique aquarelle

Terreux et calme, ces verts ressemblent à des feuilles au clair de lune et à de la mousse après la pluie. Utilisez le profondTons de forêtPour les tiges et les ombres, adoucissez ensuite la scène avec des lavages de sauge et de menthe pâle. Il est parfait pour les imprimés botaniques, les emballages printaniers et les graphismes de bien-être qui ont besoin d'une sensation à la terre. Conseil: Gardez les bords lâches et laissez la menthe lumineuse agir comme un espace négatif.

Exemple d'Image de jardin nocturne généré en utilisant media.io

13) Station spatiale

HEX :#0c0f12#1b1f26#343a46#6f7a88#f2f4f7

Ambiance :Élégant, futuriste, organisé

Idéal pour :Modèle de tableau de diapositives de présentation

Elegants et organisés, ces tons d'éclipse évoquent l'intérieur d'une station spatiale avec des panneaux nets et un éclairage doux. Utilisez les teintes les plus sombres pour les en-têtes et les éléments de navigation, puis comptez sur le blanc presque pour les arrière-plans de diapositives et les graphiques. Il fonctionne bien pour les pitch decks, les rapports techniques et les feuilles de route des produits où la structure est importante. Astuce: Limitez les couleurs du graphique à deux teintes de gris-bleu pour garder les données propres.

Exemple d'Image d'une station spatiale générée à l'aide de media.io

14) Prune nuageuse

HEX :#120f14#2a202c#4b394f#7d5f7c#e9dde9

Ambiance :Doux, élégant, contemplatif

Idéal pour :suite d'invitation de mariage

Douces et contemplatives, ces prunes ressemblent à des nuages crépusculaires et à des rubans satinés. Utilisez la prune profonde pour les noms et les titres, puis laissez le bleu pâle agir comme le ton du papier. Cette palette de couleurs eclipse convient aux invitations de mariage, aux annonces formelles et à la papeterie romantique où l'élégance compte plus que la luminosité. Astuce: ajoutez des bordures de lignes fines au milieu de la prune pour un cadre raffiné sans encombrement.

Exemple d'Image de prune nuageuse générée en utilisant media.io

15) Menthe de charbon de bois

HEX :#0f1214#1e2a2a#35524a#6fb8a6#e7f6f1

Ambiance :Frais, équilibré, moderne

Idéal pour :Bannière publicitaire pour produits de soins de la peau

Frais et équilibré, ce mélange ressemble à l'air frais contre la pierre sombre. Une palette de couleurs eclipse comme celle-ci fonctionne mieux lorsque la menthe est l'accent héros contre la typographie du charbon de bois et le support bleu foncé. Utilisez-le pour des publicités de soins de la peau, des marques de santé et des pages de produits propres qui ont besoin d'une couleur calme. Astuce: Gardez les arrière-plans presque blancs et placez la menthe sur les boutons ou les icônes clés des avantages pour plus de clarté.

Exemple d'Image de charcoal mint généré en utilisant media.io

16) Rose d'ardoise

HEX :#111216#2b2c34#585b6a#c08a98#f4e9ec

Ambiance :Moderne, romantique, posé

Idéal pour :Modèles de citations sur les médias sociaux

Moderne et posé, les neutres en ardoise font de laTon roseSentir intentionnel plutôt que sucrée. Utilisez l'ardoise foncée pour le texte, le blush pour les mots d'accent et le rose pâle comme fond pour une lisibilité élevée. Il est idéal pour les modèles de citations, les carousels de créateurs et les annonces de style de vie. Astuce: Restez à une famille de polices et laissez les changements de poids effectuer le styling au lieu de graphiques supplémentaires.

Exemple d'Image de slate rose généré en utilisant media.io

17) Sable obsidien

HEX :#0c0c0e#232326#4a4a4f#b6a793#f7f2ea

Ambiance :À la terre, premium, Naturel

Idéal pour :design d'intérieur mood board

À la terre et haut de gamme, cette palette de couleurs eclipse suggère de la pierre obsidienne, du béton résistant aux intempéries et du sable chaud. Utilisez les neutres foncés pour les étiquettes clés et les échantillons, puis appuyez-vous sur le beige sableux pour garder le tableau invitant. Il fonctionne bien pour les planches d'ambiance intérieures, les concepts architecturaux et les marques de meubles qui préfèrent le luxe discret. Astuce: Associez avec des textures de bois et des matériaux noirs mat pour une finition cohérente.

Exemple d'Image de sable obsidien généré à l'aide de media.io

18) aurores boréales faibles

HEX :#0a1212#12312c#1f5a52#4aa68f#dff7f0

Ambiance :cool, énergique, propre

Idéal pour :Conception de badge de conférence technique

Cool et énergique, cesteal TonsSentir comme des aurores faibles sur l'eau sombre. Utilisez le teal presque noir pour le badge de base, puis mettez en évidence les noms et les pistes avec de la mousse de mer brillante. Il est idéal pour les événements technologiques, les matériaux d'atelier et la signalisation moderne où la numérisation rapide est importante. Conseil: Gardez l'iconographie simple et utilisez seafoam uniquement pour les deux principales priorités d'information.

Exemple d'Image de lumière boréale dim généré en utilisant media.io

19) Dérive Monochrome

HEX :#0e0f10#2a2c2e#55595e#a7adb3#f6f7f8

Ambiance :minimal, intemporel, confiant

Idéal pour :Mise en page du site Web du portfolio

Minimaliste et intemporel, cet ensemble en niveaux de gris ressemble aux murs d'une galerie et à l'impression nette. Utilisez la teinte la plus foncée pour la navigation et les titres, le gris moyen pour le texte secondaire et le blanc presque pour l'arrière-plan de la page. C'est un bon choix pour les portefeuilles, les sites d'agences et les pages d'études de cas où les échantillons de travail devraient conduire. Astuce: Ajoutez un état de volant subtil en utilisant le gris clair pour garder les interactions visibles mais silencieuses.

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

20) Éclipse des profondeurs

HEX :#071015#0e2430#144355#1f6f7a#cfe8e6

Ambiance :Mystérieux, cool, sophistiqué

Idéal pour :Affiche de voyage pour coastal night tour

Mystérieuses et sophistiquées, ces tons profonds de la mer évoquent des vagues claires de lune et des lumières de port lointaines. Utilisez le bleu-vert le plus foncé comme toile de fond, puis laissez teal porter les formes focales et les titres. Cette palette de couleurs eclipse est parfaite pour les affiches de voyage, les expériences côtières et les campagnes atmosphériques qui se penchent sur l'ambiance. Conseil: Gardez les dégradés subtils et ajoutez des grains fins pour éviter les bandes sur les grandes zones sombres.

Exemple d'Image d'une éclipse de mer profonde générée à l'aide de media.io

Quelles couleurs vont bien avec Eclipse ?

Les palettes Eclipse (dark neutral) s'associent mieux aux accents cool comme le bleu ardoise, le saphir, le teal et la lavande étonnée. Ces teintes gardent l'apparence globale propre et contemporaine tout en restant lisible sur fond profond.

Pour un contraste plus chaud, ajoutez l'or contrôlé, le cuivre, le sable, le blush ou le bronzage. La clé est la retenue: traitez les tons chauds comme des points forts pour les CTA, les dates, les badges ou un seul élément de héros.

Si vous voulez l'option la plus flexible, utilisez le blanc presque, le blanc cassé chaud ou le gris pâle comme couleur de votre «chambre de respiration». Il soulève le contraste, prend en charge les cartes et les surfaces et rend l'interface utilisateur sombre moins lourde.

Comment utiliser une palette Eclipse dans des designs réels

Commencez par un split 70/20/10: 70 % de base neutre foncée, 20 % de support de ton moyen pour les sections et les bordures, et 10 % d'accent pour les éléments interactifs ou de haute priorité. Cela garde les combinaisons de couleurs d'éclipse intentionnelles au lieu de boueuses.

Dans l'interface utilisateur, utilisez votre teinte la plus sombre pour la navigation et les boutons principaux, puis placez le contenu sur une surface claire (cartes, tables, panneaux) pour garder les longues sessions confortables. Dans les affiches et les graphismes sociaux, laissez la couleur la plus sombre être la scène et l'accent être le projecteur.

Pour la création de marque, choisissez un accent de signature et gardez-le cohérent dans tous les modèles. Une seule couleur de mise en lumière répétable crée une reconnaissance plus rapide que l'ajout de plusieurs lumières à chaque actif.

Créer des visuels Eclipse avec l’IA

Si vous avez des codes hexagonaux mais que vous avez besoin de maquettes rapidement, générez des visuels sur la marque avec une invite IA qui inclut votre sujet (interface utilisateur, affiche, emballage) plus vos couleurs d'éclipse comme tons «dominants» et «accents».

Sur Media.io, vous pouvez itérer rapidement: essayez différents rapports d'aspect pour les publicités, les vignettes et les écrans d'intégration, puis affinez la typographie, la densité de la mise en page et la texture (mat, grain, feuille) pour correspondre à votre humeur.

Une fois que vous avez trouvé un look que vous aimez, réutilisez la même structure d'invite dans toutes les campagnes-échangez uniquement la couleur d'accent et le sujet pour maintenir un système de conception eclipse cohérent.

Suivant : Palette de couleurs Safari