Tons citron modernes : 20 combinaisons de palettes + codes hexadécimaux

La Citrine est un jaune chaud qui se situe entre l'or et le vert, ce qui le rend ensoleillé sans devenir néon. Dans les palettes, il peut lire énergique, premium, terre ou moderne selon les neutres et les verts avec lesquels vous l'associez.

Vous trouverez ci-dessous 20 combinaisons de palettes de couleurs citrine avec des codes hexagonaux, ainsi que des invites prêtes à la conception que vous pouvez utiliser pour générer des visuels cohérents pour le branding, l'interface utilisateur, l'impression et le contenu social.

Pourquoi les Palettes de Citrine fonctionnent si bien

Les tons Citrine attirent naturellement l'attention parce qu'ils se trouvent dans la zone «solaire» du spectre. Cela les rend parfaits pour les appels à l'action, les badges, les moments saillants et les moments de marque où vous voulez une clarté instantanée.

Contrairement au jaune citron pur, la citrine porte souvent un sous-ton légèrement terrestre ou verdoyant. Cela l'aide à s'associer en douceur aux olives, aux sages, aux bruns et aux blancs cassés, gardant les motifs chauds mais à la terre.

En termes d'impression et d'interface utilisateur, citrine est flexible: utilisez-le comme petit accent pour une sensation haut de gamme, ou comme couleur de bloc dominante lorsque vous l'équilibrez avec des neutres profonds (charbon, bleu marine, espresso) pour une lisibilité.

20+ idées de Palette de couleurs Citrine (avec Codes hexagonaux)

1) safran ensoleillé

hexagonal:#E4D00A#FFD166#FFF3B0#6B8E23#2F2F2F

Humeur:Lumineux et optimiste

Meilleur pour:Affiche de campagne d'été

Lumineux et optimiste, comme le soleil de midi sur des agrumes frais et des feuilles croustillantes. Utilisez-le pour des affiches énergiques, des graphiques d'événements et des tuiles sociales audacieuses où le contraste doit être lu rapidement. Associez le jaune à l'olive comme accent de mise à la terre, puis laissez la crème douce garder les grandes zones confortables. Astuce: Réservez le charbon de bois pour le type uniquement pour garder la palette aérée.

Exemple d'Image de sunlit saffron généré en utilisant media.io

Media.io

Media.io est un studio d'IA en ligne pour la création et l'édition de vidéos, d'images et d'audio dans votre navigateur.

Essayez-le maintenant gratuitement

2) Lin miel

hexagonal:#E6C229#F3E9DC#C9A227#B7B09C#3A3A3A

Humeur:Doux et raffiné

Meilleur pour:Conception d'emballage minimale

Doux et raffiné, comme du miel arrosé sur du lin naturel. Il fonctionne parfaitement pour les emballages minimaux, les étiquettes et la papeterie haut de gamme où la chaleur compte plus que la saturation. Associez les dors silencieux à l'oatmeal neutral pour une base calme, et utilisez le gris foncé pour une lisibilité croustillante. Astuce: gaufrage ou feuilletez l'or plus brillant pour ajouter de la profondeur sans ajouter de nouvelles couleurs.

Exemple d'Image de lins de miel généré en utilisant media.io

3) Verger d'or

hexagonal:#E4D00A#C7D36F#F6F1D1#B86B25#4A5D23

Humeur:Frais et pastoral

Meilleur pour:Identité de marque de la ferme à la table

Frais et pastoral, comme les stands de fruits de fin d'été et les champs ensoleillés. Ces combinaisons de couleurs citrine semblent naturelles pour la marque de la ferme à la table, la signalisation du marché des agriculteurs et les étiquettes alimentaires précisant les ingrédients. Associez le jaune vif avec le vert feuille, puis utilisez le brun chaud comme note de récolte pour les en-têtes et les icônes. Astuce: gardez les arrière-plans crémeux afin que le jaune reste lisible et pas trop néon.

Exemple d'Image de golden orchard généré en utilisant media.io

4) Agrumeuse

hexagonal:#FFD000#FFB703#FBF8CC#8AC926#3B3B3B

Humeur:zesty et ludique

Meilleur pour:UI de l'application d'apprentissage des enfants

Spicy et ludique, comme les huiles d'écorce d'orange et les collations matinales lumineuses. Il convient aux enfants qui apprennent l'interface utilisateur, les écrans d'intégration conviviaux et les ensembles d'icônes ludiques où la positivité est le but. Associez les deux jaunes chauds pour les boutons et les points forts, puis utilisez le vert pour les états de progrès ou les badges amicaux. Astuce: gardez le texte en gris foncé et utilisez des panneaux crème pour réduire l'éblouissement.

Exemple d'Image de citrus grove généré en utilisant media.io

5) Laiton Antique

hexagonal:#C9A227#E4D00A#E7D8A4#6B705C

Humeur:Patrimoine et robuste

Meilleur pour:label brasserie artisanale

Héritage et robuste, comme une quincaillerie en laiton usée et une vieille lumière d'atelier. Utilisez-le pour les étiquettes de boissons artisanales, les logos du patrimoine et les badges de produits qui ont besoin d'une ambiance confiante et intemporelle. Associez les tons laiton-or avec le vert ardoise pour le garder à la terre et moins flashy. Astuce: Ajoutez de la texture à travers des grains de papier ou des lignes de style gravure plutôt que des couleurs supplémentaires.

Exemple d'Image de cuivre antique généré en utilisant media.io

6) Argile Marigold

hexagonal:#F2C14E#E4D00A#F7F3E3#C97C5D#6D4C41

Humeur:Chaud et fait à la main

Meilleur pour:Boutique de céramique promo flyer

Chaud et fait à la main, comme des marigolds ensoleillés à côté de la terre cuite cru. Il convient aux promotions artisanales, aux marques de céramique et aux histoires de produits de petits lots où la couleur tactile est importante. Associez la crème douce à des marron argile pour la base, puis utilisez le jaune plus vif pour mettre en lumière les prix ou les détails clés. Conseil: Gardez les formes organiques et imparfaites pour correspondre à l'ambiance terrestre.

Exemple d'Image de marigold clay généré à l'aide de media.io

7) ocre du désert

hexagonal:#D6A400#E4D00A#EFE6D0#A68A64#5A4A3C

Humeur:Ensoleillé et calme

Meilleur pour:Peinture intérieure et décor moodboard

Ensoleillé et calme, comme des sentiers de grès et de la poussière dorée au crépuscule. Ce mélange est idéal pour les moodboards intérieurs, les feuilles de sélection de peinture et le style de décor qui se penche au chaud sans se sentir orange. Associez l'ocre et le sable pour les murs et les textiles, puis apportez le marron plus foncé pour les accents de bois et le cadre. Astuce: Utilisez le jaune le plus vif uniquement dans les petites pièces de décoration pour que la pièce reste reposante.

Exemple d'Image de desert ochre généré en utilisant media.io

8) Eclat d'Olive

hexagonal:#E4D00A#DDE5B6#A3B18A#344E41#F7F5E9

Humeur:Botanique et moderne

Meilleur pour:page de destination de la marque wellness

Botanique et moderne, comme des herbes fraîches sous la lumière chaude de la cuisine. Cette palette de couleurs citrine est parfaitement adaptée aux pages de destination du bien-être, aux services écologiques et à la marque de style de vie propre. Associez le vert forêt profond à la base crème pour la structure, puis utilisez le jaune vif comme un accent épargné. Astuce: Gardez les traits d'icône minces afin que les verts soient légers, pas lourds.

Exemple d'Image de olive gleam généré en utilisant media.io

9) Quartz chaud

hexagonal:#E4D00A#FAD2E1#F8F1F1#b5a48#6D6875

Humeur:Doux et édifiant

Meilleur pour:Annonce de produit beauté

Doux et édifiant, comme le quartz rose attrapant un rayon de soleil doré. Utilisez-le pour des publicités de beauté, des lancements de soins de la peau et des graphismes de style de vie qui ont besoin de douceur avec un accent confiant. Associez le blush et la crème pour les arrière-plans, puis laissez le jaune apparaître sur des sceaux, des callouts ou de petits motifs graphiques. Astuce: gardez le gris-mauve pour la typographie pour éviter un contraste dur contre les tons roses.

Exemple d'image de quartz chaud générée avec media.io

10) Solar Pop

hexagonal: #E4D00A #FF7A00 #FFF1A8 #2A9D8F #1D3557

Humeur: audacieux et énergique

Meilleur pour: affiche de festival de musique

Audacieux et très énergique, comme des éclats de soleil néon sur un ciel du soir profond. Il brille sur les affiches de musique, les visuels de merchandising et les annonces numériques dynamiques qui ont besoin de mouvement instantané. Associez le jaune vif au bleu marine profond pour un contraste maximal, et utilisez le bleu sarcelle comme contrepoint rafraîchissant à l’orange. Conseil : limitez les dégradés et gardez des formes épaisses afin que la palette reste forte et lisible.

Exemple d'image Solar Pop générée avec media.io

11) Plaque de livre vintage

hexagonal: #E4D00A #F5E6C8 #C2A878 #7D6B4F #2E2A24

Humeur: classique et érudit

Meilleur pour: double page éditoriale de magazine

Classique et érudit, comme du papier vieilli avec une touche de feuille d’or. Idéal pour la mise en page éditoriale, les couvertures de livres et la narration patrimoniale où la chaleur inspire la crédibilité. Associez le parchemin et le beige comme larges marges, puis utilisez les bruns plus foncés pour les titres en serif et les séparateurs. Conseil : ajoutez de petites décorations ornementales en jaune pour guider l'œil sans surcharger la page.

Exemple d'image de plaque de livre vintage générée avec media.io

12) Art déco doré

hexagonal: #E4D00A #F8F4E3 #B08900 #3D2C2E #0B0B0B

Humeur: luxueux et dramatique

Meilleur pour: invitation de gala

Luxueux et dramatique, comme des lignes dorées sur un rideau de théâtre sombre. Utilisez-le pour des invitations de gala, du branding d’événement premium, et des menus élégants qui cherchent une sophistication instantanée. Associez le fond crème à une typographie noire, puis ajoutez les deux tons dorés en bordures géométriques et détails d’angle. Conseil : gardez les éléments dorés fins et symétriques pour accentuer le style Art déco.

Exemple d'image de doré art déco générée avec media.io

13) Lavis botanique

hexagonal: #E4D00A #EAF4D3 #A7C957 #6A994E #386641

Humeur: frais et pictural

Meilleur pour: illustration botanique de printemps

Frais et pictural, comme des feuilles à l’aquarelle illuminées par le soleil. Idéal pour des illustrations printanières, des affiches d’atelier de jardinage, et des en-têtes de blog axés sur la nature. Associez le lavis pâle avec des verts moyens pour une douceur en profondeur, puis utilisez le jaune pour des points de pollen ou de petites touches lumineuses. Conseil : gardez des contours doux et superposés afin que les verts restent vivants plutôt que plats.

Exemple d'image de lavis botanique générée avec media.io

14) Meringue café

hexagonal: #E4D00A #FFF1D6 #E7CBA9 #B08968 #5B3A29

Humeur: chaleureux et accueillant

Meilleur pour: menu de café

Chaleureux et accueillant, comme la meringue dorée et le bois chaud du café. Ces harmonies de couleurs citrine conviennent aux menus, cartes de fidélité et signalétique de café qui veulent rester conviviales mais soignées. Associez le beige crémeux au marron café pour instaurer la hiérarchie, puis utilisez le jaune vif avec parcimonie pour mettre en valeur les offres saisonnières. Conseil : gardez la mise en page aérée pour éviter que les bruns chauds ne paraissent lourds.

Exemple d'image de meringue café générée avec media.io

15) Récolte Rustique

hexagonal: #E4D00A #DDB967 #A44A3F #7B8D42 #3C2F2F

Humeur: terreux et saisonnier

Meilleur pour: bannière de marché d’automne

Terreux et saisonnier, comme les enveloppes de maïs séché, les pommes et les verts des champs. Parfait pour les bannières d’automne, la signalétique de marché et les packagings rustiques à l’allure artisanale. Associez l’or pâle à l’olive pour une base solide, puis utilisez le rouge brique comme accent fort pour les titres. Conseil : évitez le blanc pur ; un fond beige chaud maintient l’esprit récolte.

Exemple d'image de récolte rustique générée avec media.io

16) Minimal Gold UI

hexagonal: #E4D00A #FAFAF7 #D6D2C4 #7A7A7A #111111

Humeur: épuré et professionnel

Meilleur pour: tableau de bord financier UI

Propre et professionnel, comme un rapport net avec un marqueur doré affirmé. Utilisez-le pour des tableaux de bord, outils d’analytique et interfaces produits où la clarté prime. Associez le blanc cassé et le gris clair pour les surfaces, puis utilisez le jaune pour les états actifs et les métriques clés. Conseil : limitez le jaune à un ou deux éléments par écran pour conserver une hiérarchie calme.

Exemple d'image de minimal gold UI générée avec media.io

17) Lanternes de Festival

hexagonal: #E4D00A #FF9F1C #FDEFD4 #D7263D #2D1E2F

Humeur: festif et vibrant

Meilleur pour: affiche de marché de nuit

Festif et vibrant, comme la lumière des lanternes sur le ciel nocturne profond. Idéal pour les affiches de marchés de nuit, la promotion d’événements culturels et les annonces percutantes. Associez le jaune et l’orange pour l’éclat, puis utilisez le cramoisi pour l’accentuation et le violet profond pour un fort contraste typographique. Conseil : gardez la crème en petite zone secondaire afin que le fond sombre fasse tout le travail.

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

18) Lumière de prairie douce

hexagonal: #E4D00A #F4F1BB #D4E09B #9BC1BC #5C6B73

Humeur: calme et aérien

Meilleur pour: modèle de newsletter bien-être

Calme et aérien, comme la lumière du soleil sur une prairie silencieuse. Cette palette citrine fonctionne bien pour les newsletters, modèles de blog et branding lifestyle doux qui recherchent la chaleur sans le contraste agressif. Associez le beurre pâle aux teintes sauge pour des sections douces, puis le bleu-gris profond pour les titres et liens. Conseil : choisissez un interligne généreux pour maintenir la lisibilité du mélange pastel.

Exemple d'image de lumière de prairie douce générée avec media.io

19) Buttercream épicée

hexagonal: #E4D00A #FFF1C1 #F2B880 #B5654D #4B2E2A

Humeur: doux et réconfortant

Meilleur pour: publicité réseaux sociaux boulangerie

Doux et rassurant, comme une crème au beurre mélangée à de la cannelle et du caramel. Parfait pour les publicités de boulangerie, menus de desserts et stickers de packaging qui doivent sembler faits maison mais soignés. Associez le jaune pâle à la pêche chaude pour le fond principal, puis utilisez les tons cacao plus foncés pour le texte et les noms de produits. Conseil : ajoutez un badge jaune vif pour les offres limitées afin de créer un point focal évident.

Exemple d'image de buttercream épicée générée avec media.io

20) Ambre du soir

hexagonal: #E4D00A #FFB000 #F8E9C6 #8D6A4E #2B1D0E

Humeur: lumineux et intime

Meilleur pour: page d’accueil hôtel-boutique

Chaleureux et intime, comme la lumière ambrée sur du bois poli après le coucher du soleil. Utilisez-le pour les pages d’accueil d’hôtel-boutique, le branding de l’hospitalité et les en-têtes éditoriaux chaleureux nécessitant un effet premium. Associez la crème et l’ambre pour les surfaces principales et ajoutez le marron profond pour la navigation et la typographie afin de garder le contraste fort. Conseil : mettez le jaune le plus vif uniquement sur un bouton principal pour conserver l’élégance du « hero ».

Exemple d'image d'ambre du soir générée avec media.io

Quelles couleurs vont bien avec la Citrine?

Les verts terreux (olive, sauge, forêt) s’associent naturellement avec la citrine car ils renforcent sa subtile nuance verdâtre. Cette combinaison est particulièrement adaptée aux marques éco, bien-être, alimentation, et plein air.

Les neutres chauds comme crème, parchemin, taupe et beige maintiennent la citrine lisible sur de grandes surfaces, tandis que les points d’ancrage foncés (anthracite, expresso, bleu marine profond) ajoutent le contraste pour titres et textes d’interface.

Pour plus de punch, associez la citrine à des accents vifs comme l’orange, le cramoisi ou le bleu sarcelle—mais gardez ces accents discrets pour que le jaune reste le « héros » plutôt que de rivaliser pour l’attention.

Comment utiliser une Palette de couleurs Citrine dans des modèles réels

Utilisez la citrine d’abord comme accent : boutons, surlignages, icônes, étiquettes soldes et petites règles graphiques. Lorsque vous la limitez à quelques éléments par page ou écran, elle paraît intentionnelle et premium plutôt qu’accablante.

Protégez la lisibilité en plaçant la citrine sur du blanc cassé ou des neutres foncés, jamais sur du blanc pur éblouissant. Pour la typographie, préférez anthracite, marron foncé ou bleu marine plutôt que du noir pur si la palette est douce et naturelle.

Si vous souhaitez utiliser la citrine en toile de fond principale, adoucissez-la avec des superpositions crème, un espacement généreux et des couleurs secondaires atténuées. Cela préserve la chaleur tout en évitant un effet « surligneur jaune » agressif.

Créer des visuels de Palette de Citrine avec l'IA

Si vous avez déjà des codes HEX, le moyen le plus rapide de prévisualiser une palette citrine est de générer des maquettes visuelles (affiches, interfaces, étiquettes, invitations) avec des prompts et ratios cohérents. Cela permet de tester contraste, hiérarchie et ambiance avant de passer en production.

Avec les outils de génération d’image à partir de texte de Media.io, vous pouvez itérer rapidement : ajustez le style « vectoriel plat » vs « prise de vue studio réaliste », échangez des fonds crème contre de l’anthracite, et gardez la même ambiance de palette sur tous vos supports.

Une fois que vous avez trouvé la bonne direction, générez quelques variantes (social, hero web, print) pour assurer la cohérence de votre identité citrine sur tous les formats.

À suivre : Palette de couleurs Umber