Tons mandarines modernes : 20 combinaisons de palettes + Hex

La mandarine est une couleur moderne et chaleureuse qui apporte de l'énergie sans aller jusqu'au fluo, ce qui en fait un choix privilégié pour les marques recherchant la positivité, l'élan et la clarté. Elle se marie aussi parfaitement avec des tons neutres doux ou des accents profonds à fort contraste pour une interface utilisateur ou une impression facile à lire.

Vous trouverez ci-dessous 20 idées de palettes de couleurs mandarine avec leurs codes HEX, ainsi que des conseils d'utilisation et des suggestions d'IA à copier pour générer des visuels adaptés pour des publicités, affiches, écrans d'intégration et kits de marque.

Pourquoi les palettes mandarine fonctionnent-elles si bien

La mandarine occupe une position idéale : suffisamment chaude pour paraître accueillante et appétissante, mais assez vive pour mettre immédiatement en valeur les appels à l'action, badges et informations clés. Elle est particulièrement efficace dans des mises en page modernes lorsqu'on souhaite de l'énergie sans pollution visuelle.

Du point de vue de l’utilisabilité, la mandarine se combine bien avec des charbons et bleus profonds, permettant aux designers de garder un contraste fort et une typographie lisible. Cet équilibre en fait un choix pratique pour les systèmes d’interface, affiches et emballages où la hiérarchie compte.

Elle est aussi très flexible : tirez-la vers le corail pour une ambiance douce et bien-être, ou vers le cuivre/terre cuite pour un effet premium et artisanal. Avec une base neutre adéquate, la mandarine peut paraître minimaliste, sportive, rétro ou luxueuse.

Plus de 20 idées de palettes de couleurs mandarine (avec codes HEX)

1) Lever de soleil agrumes

HEX : #f47c20 #ffb35c #ffe0b2 #2a2f36 #ffffff

Ambiance : lumineux, propre, optimiste

Idéal pour : interface héro de page d'accueil

Lumineuse et optimiste, cette combinaison rappelle la lumière du matin sur des agrumes frais. Utilisez le charbon foncé pour les textes et la navigation afin de garder le contraste net. L’abricot doux et la crème sont parfaits pour les cartes, sections et arrière-plans spacieux. Astuce : limitez l’orange vif à un bouton principal et un élément clé pour un rythme moderne et élégant.

Exemple d’image de lever de soleil agrumes 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

2) Abricot du désert

HEX : #f28c28 #d86f45 #b5523b #f2e6d8 #4b3a2f

Ambiance : cuit au soleil, terreux, calme

Idéal pour : packaging d’étiquette de café

Cuit au soleil et ancré, ces tons évoquent l’argile du désert et la peau d’abricot. Mariez les crèmes chaudes avec le brun profond pour un effet premium et artisanal. Les riches nuances terre cuite sont idéales pour des blocs et badges audacieux. Astuce : ajoutez un grain subtil et gardez la typographie simple pour que la chaleur terreuse soit authentique.

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

3) Neutres épicés citrouille

HEX : #ff7a1a #c85a2a #8f3b1c #f6f1ea #2f2a24

Ambiance : chaleureux, audacieux, saisonnier

Idéal pour : design d’affiche pour ventes d’automne

Chaleureux et audacieux, il évoque les épices grillées et la chaleur de fin d’après-midi. Utilisez le blanc cassé comme toile généreuse pour que l’orange saturée ressorte sans crier. Le ton espresso profond garde les titres nets et lisibles de loin. Astuce : limitez les formes d’accent à un ou deux blocs forts pour un look retail épuré.

Exemple d’image de neutres épicés citrouille générée avec media.io

4) Éclat corail

HEX : #ff6f3d #ff9a76 #ffd1c2 #34495e #f7f7f7

Ambiance : convivial, moderne, aérien

Idéal pour : onboarding UI application bien-être

Conviviale et légère, l'éclat corail rappelle une lumière douce sur une peau. Ancrez les écrans avec du bleu ardoise pour les titres et icônes, afin que les teintes chaudes restent délicates. Utilisez le blush et le gris clair pour que les étapes d’intégration soient calmes et accessibles. Astuce : réservez le corail le plus vif pour les points de progression et actions principales afin de guider l’attention.

Exemple d’image d’éclat corail générée avec media.io

5) Mandarine et touche de bleu sarcelle

HEX : #f57c00 #ffb74d #0f8b8d #0b3c49 #f3f5f7

Ambiance : énergique, sportif, à fort contraste

Idéal pour : kit de marque start-up tech

Énergique et à fort contraste, cela évoque des agrumes lumineux contre une eau océanique fraîche. Ces combinaisons mandarine brillent dans les logos, icônes d’app et en-têtes sociaux audacieux où la clarté compte. Gardez le bleu sarcelle comme accent secondaire et confiez au bleu-vert profond les textes et contours. Astuce : utilisez le gris clair comme espace négatif pour que la palette reste nette plutôt que chaotique.

Exemple d’image mandarine et bleu sarcelle générée avec media.io

6) Soda rétro

HEX : #ff6a00 #ffd166 #06d6a0 #26547c #fff7e6

Ambiance : ludique, rétro, incisif

Idéal pour : flyer menu glace

Ludique et incisive, cette série évoque les enseignes néon et les gourmandises pétillantes de l’été. Équilibrez l’orange vif avec du blanc crème pour garder la lisibilité. Le vert menthe fonctionne idéalement pour les stickers, prix et icônes fun, tandis que le bleu marine structure le menu. Astuce : optez pour une typographie épaisse et des formes simples pour une vraie vibe rétro.

Exemple d’image soda rétro générée avec media.io

7) Marché d’automne

HEX : #f07f2f #c45a2a #6b7d3a #f0e3cf #3b2f2a

Ambiance : récolte, rustique, accueillant

Idéal pour : affiche événement marché fermier

Rustique et accueillant, la composition rappelle les étals de récolte, les feuilles séchées et les produits artisanaux. Utilisez le vert sauge pour contrer la chaleur et éviter que l’affiche ne soit trop orangée. Le beige crémeux offre un excellent fond pour les détails de date et localisation. Astuce : ajoutez une bordure simple en brun profond pour encadrer la mise en page et améliorer la lisibilité.

Exemple d’image marché d’automne générée avec media.io

8) Minimal pêche

HEX : #ff8a3d #ffc49b #fff1e6 #1f2933 #a9b2ba

Ambiance : doux, minimal, raffiné

Idéal pour : UI site portfolio

Douce et raffinée, cette palette suggère une lumière chaude sur du lin et des espaces de studio calmes. Utilisez le quasi-noir pour le texte et la navigation, afin que le pêche pâle reste subtil et aérien. Gardez le gris pour les séparateurs et boutons secondaires afin de préserver une hiérarchie minimaliste. Astuce : appliquez l’accent vif avec parcimonie pour les états hover et petits badges pour une touche premium.

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

9) Mojito mangue

HEX : #ff7f2a #ffbe7a #b7e4c7 #2d6a4f #f8f9fa

Ambiance : frais, tropical, décontracté

Idéal pour : publicité produit boisson estivale

Fraîche et tropicale, cette palette rappelle des tranches de mangue, des feuilles de menthe et une ambiance patio détendue. Laissez les verts jouer un rôle secondaire dans les détails de garniture et petits textes d’accent. Le fond clair garde la composition propre tandis que l’orange attire immédiatement l’attention sur le goût. Astuce : utilisez des ombres fortes et des détails de condensation pour rendre les tons chauds encore plus juteux.

Exemple d'image de mojito mangue généré avec media.io

10) Sunset Boulevard

HEX : #ff6d00 #ff9e57 #ffcc80 #6a4c93 #1b1b2f

Ambiance : cinématique, audacieux, vie nocturne

Idéal pour : flyer de festival de musique

Ciné et audacieux, on ressent l’ambiance d’un coucher de soleil qui s’estompe dans la nuit urbaine. Le violet et le presque noir créent une profondeur instantanée, tandis que les oranges chauds évoquent la lumière des projecteurs. Utilisez les dégradés avec parcimonie et maintenez une typographie à fort contraste pour une lecture rapide. Astuce : mettez l’orange le plus brillant en valeur pour la date afin que l’info principale attire l’attention en premier.

Exemple d'image de sunset boulevard généré avec media.io

11) Clay and Cream

HEX : #f08a4b #d46b3a #a85a3a #f7ead9 #3d2c2e

Ambiance : fait main, chaleureux, artisanal

Idéal pour : branding boutique céramique

Fait main et chaleureux, il évoque l’argile cuite, les émaux et les porcelaines crémeuses. Utilisez le brun le plus foncé pour le logotype et les petits détails pour garder un aspect ancré. Les tons terre cuite moyens sont parfaits pour les motifs, tampons et bandes d’emballage. Astuce : associez avec des textures de papier brut pour accentuer le côté tactile et artisanal des couleurs.

Exemple d'image de clay and cream généré avec media.io

12) Terracotta Garden

HEX : #f26d3d #ffb997 #88b04b #f3f0e8 #2f3a2a

Ambiance : botanique, ensoleillé, naturel

Idéal pour : impression d’illustration botanique

Ensoleillé et naturel, il évoque les pots en terre cuite, les pétales doux, et les feuilles vertes fraîches. Laissez le blanc cassé représenter le papier aquarelle pour que l’orange chaud paraisse organique plutôt que numérique. Utilisez le vert feuillu pour les tiges et petits détails de feuillage, cela équilibre la composition. Astuce : gardez les contours minimaux et laissez les couches aquarellées créer la profondeur.

Exemple d'image de terracotta garden généré avec media.io

13) Sporty Energy

HEX : #ff5a1f #ffb703 #1f2937 #9ca3af #f9fafb

Ambiance : rapide, confiant, impact élevé

Idéal pour : UI tableau de bord application fitness

Rapide et confiant, ces tons rappellent un chronomètre de sprint et l’éclairage vif d’une salle de sport. Utilisez l’ardoise foncée pour les graphiques, labels et navigation afin d’assurer une lecture des données. Le jaune fonctionne comme couleur d’alerte secondaire pour les objectifs sans rivaliser avec l’orange principal. Astuce : appliquez l’accent le plus chaud uniquement à la métrique principale et à un seul appel à l’action par écran.

Exemple d'image de sporty energy généré avec media.io

14) Nordic Warmth

HEX : #f07a2b #f4b183 #f2efe9 #2f4858 #8a9ea7

Ambiance : douillet, moderne, discret

Idéal pour : planche d’ambiance design d’intérieur

Douillet et discret, cela évoque des plaids tricotés, bois pâle et chandelles chaleureuses. Les combinaisons tangerine ressortent mieux quand les tons chauds servent d’accents sur des bleus-gris propres. Utilisez le neutre clair comme base du mood board, puis superposez les échantillons et la petite typographie en ardoise profonde. Astuce : réservez l’orange pour les textiles ou un seul objet phare pour l’équilibre scandinave.

Exemple d'image de nordic warmth généré avec media.io

15) Festival Lights

HEX : #ff6b00 #ffca3a #8ac926 #1982c4 #f7f7ff

Ambiance : joyeux, lumineux, festif

Idéal pour : invitation à un événement communautaire

Joyeux et festif, cela évoque des guirlandes lumineuses et des confettis à l’heure dorée. Gardez le fond aérien pour que les accents lumineux restent accueillants sans être envahissants. Utilisez le bleu pour les blocs d’informations et le vert pour les petits icônes décoratives afin d’équilibrer les tons chauds. Astuce : limitez à deux couleurs dominantes par panneau et répétez pour l’unité visuelle.

Exemple d'image de festival lights généré avec media.io

16) Coastal Orange

HEX : #ff7a18 #ffb37a #7cc6fe #0b1320 #f4f9ff

Ambiance : aérien, aventureux, frais

Idéal pour : en-tête de blog de voyage et cartes

Aérien et aventureux, cela évoque les falaises baignées de soleil contre un ciel océan limpide. Utilisez le bleu pâle comme lavis de soutien pour les cartes/en-têtes, avec le bleu marine foncé pour les titres/traits UI. L’orange chaud fonctionne mieux pour les tags, boutons et surlignages d’histoires. Astuce : gardez la taille des accents orange constante pour que le design reste calme et prêt au voyage.

Exemple d'image de coastal orange généré avec media.io

17) Modern Bistro

HEX : #f06f2a #f2b59b #f5f1e8 #2c2c2c #6b705c

Ambiance : appétissant, moderne, confortable

Idéal pour : mise en page de menu de restaurant

Appétissant et confortable, cela suggère légumes rôtis, pain chaud et lumière d’ambiance douce. La base crémeuse rend le menu lisible tandis que le gris foncé sert la typographie sans être rude. Utilisez l’olive terne en tant que séparateur subtil pour sections et icônes. Astuce : mettez en valeur uniquement les plats du chef avec l’orange le plus intense pour que cela soit intentionnel, pas envahissant.

Exemple d'image de modern bistro généré avec media.io

18) Kids Storybook

HEX : #ff6f1a #ffb703 #ffd6a5 #7bdff2 #3a3a3a

Ambiance : joyeux, ludique, amical

Idéal pour : illustration couverture d’album jeunesse

Joyeux et ludique, cela rappelle des découpages en papier et des bricolages en classe ensoleillée. Utilisez l’aqua comme ciel ou lavis de fond pour refroidir les oranges chauds. Le pêche doux marche bien pour les détails des personnages et formes amicales sans trop de contraste. Astuce : contournez les éléments avec le gris foncé plutôt qu’avec du noir pur pour garder le look doux.

Exemple d'image de kids storybook généré avec media.io

19) Luxe Copper

HEX : #f07c24 #c96a2c #7a3e1f #121212 #f2ede6

Ambiance : luxueux, sombre, élégant

Idéal pour : emballage produit de beauté

Luxueux et sombre, cela évoque une feuille cuivrée, des ombres chaudes et une coiffeuse haut de gamme. Une palette tangerine comme celle-ci gagne en contraste et en dramatisme grâce à de nombreux espaces noirs. Utilisez le crème pâle pour les petits textes légaux et éviter que les bruns métalliques pèsent trop. Astuce : appliquez le ton le plus lumineux uniquement pour un tampon logo ou sceau pour une touche premium raffinée.

Exemple d'image de luxe copper généré avec media.io

20) Nightfall Ember

HEX : #ff6a13 #ffb07c #3d3b8e #1a1a1a #e9e6f2

Ambiance : dramatique, moderne, créatif

Idéal pour : mise en page magazine éditorial

Dramatique et moderne, cela évoque des braises incandescentes sur un ciel du soir profond. Utilisez le violet comme couleur secondaire forte pour les citations et marqueurs de section. La lavande pâle adoucit l’espace blanc et donne un aspect éditorial, sans dureté. Astuce : mettez l’orange uniquement sur les titres principaux et quelques petites règles pour rythmer avec confiance la mise en page.

Exemple d'image de nightfall ember généré avec media.io

Quelles couleurs vont bien avec la mandarine ?

Les opposés froids sont un accord sûr : le turquoise, le bleu océan et l’ardoise créent un contraste net qui fait briller la tangerine, la rendant plus moderne. Idéal pour branding tech, tableaux de bord sportifs et pages d’accueil dynamiques.

Pour un esprit éditorial, associez la tangerine avec des neutres chauds comme crème, avoine et blanc cassé, puis ancrez avec du charbon ou du brun espresso. Cela permet de garder une lecture facile tout en conservant la chaleur solaire.

Pour un effet dramatique, combinez la tangerine avec du violet profond ou du presque noir, en plaçant l’orange sur les titres-clé et surlignages uniquement. Le rendu est cinématographique et premium sans perdre en lisibilité.

Comment utiliser une palette mandarine dans des designs réels

Commencez par définir le rôle de la tangerine : action principale (boutons), surlignage (badges, dates), atmosphère (blocs et dégradés larges). La plupart des systèmes modernes fonctionnent mieux en limitant la tangerine à une action principale et un ensemble d’accents cohérents.

Équilibrez chaleur et structure en choisissant un ancrage sombre (charbon/marine) pour la typographie et les traits UI, avec un neutre clair pour le fond. Cela conserve l’accessibilité du contraste et évite l’effet envahissant d’un design trop orange.

En print et packaging, la tangerine ressort particulièrement bien sur supports mats ou papiers texturés, tandis qu’un layout digital profite d’espaces négatifs. Gardez la taille des accents constante sur les composants pour une palette intentionnelle, pas aléatoire.

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

Si vous avez déjà des codes HEX, générez des maquettes (affiches, packaging, écrans UI, mood boards) en décrivant la mise en page, les matériaux, et où chaque couleur doit apparaître. Une disposition cohérente est le moyen le plus rapide d’obtenir un rendu IA sur-mesure.

Utilisez les prompts ci-dessus comme modèles : changez le type de produit, ajustez le ratio, et gardez vos affectations de couleurs clés (fond, typographie, bouton principal, accents secondaires) stables sur les variantes.

Avec Media.io, vous pouvez itérer rapidement—générez plusieurs concepts, comparez le contraste et le mood, puis affinez des détails comme la texture, l’éclairage et la typographie pour adapter à votre système design.

Ensuite : Palette de couleurs Boysenberry