Les 20 meilleures palettes de couleurs bleu, pastel et jaune : codes hexadécimaux et conseils

Une palette de couleurs bleu et jaune pastel associe des bleus calmes et aériens à des jaunes chauds et doux pour un rendu convivial, moderne et agréable à l’œil. C’est une combinaison incontournable pour les interfaces utilisateur, l’image de marque et les invitations lorsque vous souhaitez de la luminosité sans contraste agressif.

Vous trouverez ci-dessous 20 palettes bleu et jaune pastel prêtes à l’emploi avec codes HEX, ainsi que quelques conseils rapides sur l’équilibre, la lisibilité et les touches d’accent à ajouter sans casser l’atmosphère douce.

Pourquoi les palettes bleu et jaune pastel fonctionnent-elles aussi bien ?

Le bleu pastel apporte clarté et confiance, tandis que le jaune pastel ajoute chaleur et optimisme. Ensemble, ils créent un mélange de température équilibré, accueillant sans jamais paraître trop sucré ou enfantin.

Comme les deux couleurs peuvent être claires, le rendu global est « respirant » et convivial pour l’UI — idéal pour des mises en page épurées, un branding doux et des créations éditoriales délicates. L’astuce : utiliser des bleus plus profonds (ou un neutre foncé) pour garantir la lisibilité et la hiérarchie.

Ce duo offre aussi de nombreuses options d’accent : menthe ou aqua pour la fraîcheur, lilas ou mauve pour la romance, et bleu marine pour un contraste affirmé. Ce qui rend la palette facilement adaptable à tout un système de design.

20+ idées de palettes bleu et jaune pastel (avec codes HEX)

1) Ciel crème au beurre

HEX : #A7C7FF #FFE8A3 #F7F9FF #9BD7D5 #7A8FBF

Ambiance : aérée, joyeuse, douce

Idéal pour : page d’accueil UI pour une marque d’enfants

Aérien comme un matin clair agrémenté de touches crème, cet assemblage inspire la convivialité et l’optimisme. Il fonctionne particulièrement bien pour une palette bleu et jaune pastel dédiée à l’enfance, la famille, ou l’apprentissage, quand on privilégie la douceur sans tomber dans la fadeur. À associer à beaucoup d’espaces blancs et des formes arrondies pour plus de légèreté. Astuce : réserver le bleu le plus foncé pour les appels à l’action et limiter le jaune à de petits accents pour éviter l’éblouissement.

Exemple d’image de ciel crème au beurre générée avec media.io

Media.io

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

Essayez-le maintenant gratuitement

2) Denim ensoleillé

HEX : #7FB2FF #FFE27A #F4F1EA #2F5EA8 #B6C2D9

Ambiance : lumineux, moderne, confiant

Idéal pour : affiche publicitaire streetwear

Les bleus denim éclatants et un jaune frappé par le soleil apportent un esprit sportif et net, tout en restant accessibles. Le bleu marine profond structure la composition, tandis que le blanc chaud garde la mise en page épurée et haut de gamme. À utiliser pour affiches ou pubs nécessitant lisibilité à distance et contraste percutant. Astuce : maintenir le texte courant en bleu marine et réserver le jaune pour des badges, prix ou labels temporaires.

Exemple d’image de denim ensoleillé générée avec media.io

3) Atelier brume de citron

HEX : #B8D8FF #FFF1B6 #E9ECF3 #8AA0C8 #C7E7D7

Ambiance : calme, soigné, pastel

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

Calmes et légèrement brumeux, ces tons évoquent un atelier serein éclairé par une lumière douce. Le bleu pâle et le jaune citron laiteux apaisent à l’écran, alors que le bleu ardoise structure subtilement les titres. Idéal pour onboarding, rappels, ou étapes de progression en douceur. Astuce : utiliser le bleu-gris pour les traits d’icônes afin de garder le UI net sans agressivité.

Exemple d’image de brume de citron générée avec media.io

4) Pique-nique au verre de mer

HEX : #8FD0FF #FFEE93 #C8F1E8 #F8FBFF #4E7DB6

Ambiance : frais, estival, léger

Idéal pour : flyer invitation pique-nique de printemps

Frais comme du verre de mer et de la limonade un jour chaud, les couleurs sont ludiques sans être criardes. La menthe/bleu-vert relie naturellement le bleu froid et le jaune beurré. Parfait pour invitations et flyers décontractés où l’énergie saisonnière doit être instantanée. Astuce : titrer en bleu foncé, utiliser la menthe juste en bordure fine ou motif pour la finition.

Exemple d’image de pique-nique au verre de mer générée avec media.io

5) Bleu poudre et jonquille

HEX : #9EC5FF #FFE58B #FFF9E8 #6A87B8 #D6E2FF

Ambiance : doux, ensoleillé, élégant

Idéal pour : identité de marque pour ligne de soins

Bleu poudre doux et chaleur de la jonquille, pour une sensation élégante et fraîche. Le contraste reste subtil, idéal pour cosmétiques, beauté ou positionnement peaux sensibles. À marier avec des titres à empattements minimalistes et beaucoup de fond crème pour un look raffiné. Astuce : imprimer le jaune en spot sur les étiquettes et garder le bleu pour le reste de la charte.

Exemple d’image de bleu poudre et jonquille générée avec media.io

6) Limonade nuageuse

HEX : #BFD9FF #FFF0A8 #DDE4F2 #A6E3D7 #5C79A9

Ambiance : cocooning, doux, relaxant

Idéal pour : modèle d’email newsletter

Douillette comme une limonade trouble prise sur le perron, la palette est accueillante et facile à lire. Le bleu moyen ancre la typographie, le jaune clair réchauffe les sections. Parfait pour des newsletters où la clarté prime mais sans froideur. Astuce : garder le fond en bleu-gris pâle et réserver le jaune pour les en-têtes ou petits highlights uniquement.

Exemple d’image de limonade nuageuse générée avec media.io

7) Carte postale vintage

HEX : #90B3E7 #F8E39A #F3EFE6 #C89CB2 #446A9F

Ambiance : nostalgique, romantique, doux

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

Nostalgique comme une carte postale passée, ce mix associe le bleu doux au jaune moelleux et une touche de mauve poudré. Idéal pour storytelling de voyage, blogs lifestyle ou sections hero éditoriales à forte charge émotionnelle. À agrémenter de textures grainées et titres à empattement pour une touche rétro. Astuce : garder le mauve discret, pour de petits séparateurs ou liens afin de préserver la cohérence du thème.

Exemple d’image de carte postale vintage générée avec media.io

8) Salle de jeux pop

HEX : #6FB2FF #FFE16A #FFFFFF #FFB6C8 #2E62B8

Ambiance : ludique, audacieux, énergique

Idéal pour : affiche promo magasin de jouets

Ludique et percutante, la combinaison de bleu fort et jaune soleil évoque blocs de construction et autocollants. Une touche de rose dynamise sans prendre le dessus. Parfait pour promos de jouets, événements enfants ou promos saison audacieuses. Astuce : placer le jaune derrière les chiffres ou mots courts pour un impact immédiat et une accessibilité maintenue.

Exemple d’image pour salle de jeux pop générée avec media.io

9) Clinique apaisante

HEX : #A6D2FF #FFF2C2 #E6F1FF #B9E6D3 #5A7FAF

Ambiance : rassurant, propre, professionnel

Idéal pour : UI prise de rendez-vous médicale

Rassurants, ces pastels évoquent une salle d’attente lumineuse et bien éclairée. Le bleu foncé instaure la confiance, le jaune pâle évite à l’interface d’être froide. Parfait pour la prise de rendez-vous, les formulaires ou portails patient où le calme est clé. Astuce : garantir un contraste optimal avec le texte bleu foncé sur les fonds les plus clairs, réserver le jaune aux signaux de statut, pas pour du texte long.

Exemple d'image de clinique calme générée avec media.io

10) Menu Brunch

HEX : #84B8F4 #FFE8A8 #FFFDF6 #E6C7A6 #3F6FA8

Ambiance : chaleureux, accueillant, casual-chic

Idéal pour : design de menu de café

Chaud et accueillant comme un brunch du week-end, la base crémeuse et le jaune doux invitent à la convivialité à côté d'un bleu frais. L’accent beige ajoute une note gourmande qui rend la palette appétissante et équilibrée. Utilisez-la pour les menus, supports de table et affiches de café où la lisibilité est essentielle. Astuce d’utilisation : réservez le bleu foncé pour les prix et titres de section, et gardez le jaune comme barre de surbrillance derrière les suggestions.

Exemple d'image de menu brunch générée avec media.io

11) Lavage Botanique Printanier

HEX : #A3CEFF #FFED9E #D3F3E3 #F6FAFF #6589B8

Ambiance : printanier, délicat, inspiré de la nature

Idéal pour : affiche botanique à l'aquarelle

Délicats et printaniers, ces tons évoquent des pétales à l’aquarelle et des tiges fraîches après la pluie. Le vert menthe renforce l’aspect botanique tandis que le duo bleu-jaune reste optimiste et léger. Parfait pour les posters saisonniers, affiches de jardin ou inserts d'emballage tout en douceur. Astuce d’utilisation : laissez le blanc et le bleu pâle dominer, puis ajoutez le jaune par petites touches dans quelques fleurs pour l’équilibre.

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

12) Galerie Minimaliste

HEX : #9BBEFF #FFEAA0 #F2F4F7 #2D4D7A #B7C7E6

Ambiance : minimal, soigné, moderne

Idéal pour : flyer d'événement galerie d’art

Minimal et soigné, cet ensemble évoque un mur de galerie silencieux sous un projecteur. Le bleu marine offre un contraste typographique fort tandis que le jaune doux joue le rôle d’un surligneur élégant. Pour des flyers d’événement, programmes d’exposition et visuels promotionnels épurés. Astuce d’utilisation : gardez la mise en page neutre et marquez les dates, lieux ou titres clés seulement en jaune.

Exemple d'image de galerie minimaliste générée avec media.io

13) Dégradé Tech Pastel

HEX : #74B7FF #FFF0B2 #CFE1FF #9DE1F0 #3E6CB3

Ambiance : frais, technologique, optimiste

Idéal pour : section héro d’un site SaaS

Fraîche et technologique, cette palette rappelle un doux dégradé dans un ciel dégagé. Le bleu vif donne un élan contemporain tandis que le jaune pâle évite un effet trop corporate. Idéal pour pages de destination SaaS, mises en avant et incitations à l'action. Astuce d’utilisation : composez votre fond héro avec des dégradés bleu-aqua, placez le jaune sur les boutons principaux et petites icônes uniquement.

Exemple d'image de dégradé tech pastel générée avec media.io

14) Sportswear Doux

HEX : #5EA8FF #FFE374 #F1F6FF #97D6C9 #243E6B

Ambiance : actif, épuré, dynamique

Idéal pour : UI tableau de bord appli fitness

Actif et propre, le bleu vif apporte de l’énergie alors que le jaune chaud ajoute une touche amicale. L’indigo profond offre une base fiable pour les métriques et le texte, assurant la lisibilité. Utilisez-le pour le suivi sportif, applications d’habitude ou gamification légère. Astuce d’utilisation : mettez du jaune uniquement pour les séries, badges et indicateurs d’avancement : motivant mais non distrayant.

Exemple d'image de sportswear doux générée avec media.io

15) Papeterie de Mariage

HEX : #B0D0FF #FFF4C8 #FAFAF7 #D7C2E9 #6E87B8

Ambiance : romantique, aérien, raffiné

Idéal pour : suite invitation mariage

Romantique et aérienne, la combinaison bleu doux et crème beurré évoque la soie claire et les fleurs de printemps. Un doux accent lilas apporte une note festive subtile sans trop sucrer l’ambiance. Pour cartons d’invitations, cartes RSVP, sites de mariage voulant un esprit pastel contemporain. Astuce d’utilisation : imprimez le texte en bleu foncé pour lisibilité, gardez le lilas pour monogrammes ou détails de bordure.

Exemple d'image de papeterie de mariage générée avec media.io

16) Espace de Travail Ensoleillé

HEX : #8AC0FF #FFE77F #F5F2E8 #B0E9D6 #335F9F

Ambiance : lumineux, organisé, convivial

Idéal pour : thème de présentation slides

Lumineux et organisé, ces tons évoquent un espace de travail rangé traversé par le soleil. La base crème garde les slides calmes, le jaune apporte l’accent sans crier. Idéal pour diaporamas, rapports et ateliers exigeant une allure à la fois sympathique et crédible. Astuce d’utilisation : utilisez le jaune pour les points clés ; les graphiques en majorité bleus pour la cohérence.

Exemple d'image d'espace de travail ensoleillé générée avec media.io

17) Camion de Glaces

HEX : #63B8FF #FFE45E #FFF7D6 #FF9FB8 #2756A4

Ambiance : ludique, nostalgique, lumineux

Idéal pour : affiche de festival d'été

Amusante et nostalgique, la palette rappelle un panneau de camion à glaces sous ciel bleu. Parmi les associations bleu-jaune pastel, celle-ci est plus joueuse grâce au rose bubble-gum. À privilégier pour festivals, événements pop-up ou promos estivales cherchant visibilité et bonne humeur. Astuce d’utilisation : limitez le rose à de petites touches, laissez bleu et jaune structurer la hiérarchie pour une lecture claire.

Exemple d'image de camion de glaces générée avec media.io

18) Bibliothèque Silencieuse

HEX : #A9C8F2 #F6E8A7 #EFE8DD #6B7F99 #C2D6F2

Ambiance : doux, posé, académique

Idéal pour : design de couverture de livre

Doux et réfléchi, la palette évoque l’éclat du soleil sur de vieilles pages dans une salle de lecture silencieuse. Le beige chaud sert de base stable, les bleus sourds apportent un calme académique. Pour couvertures de livres, journaux ou supports éducatifs recherchant de la chaleur plus que du minimalisme froid. Astuce d’utilisation : choisissez le bleu-gris profond pour les titres, le jaune en doux rehaut derrière un sous-titre ou un macaron.

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

19) Promenade du Soir

HEX : #7EAEE8 #FFE082 #1F3F6B #F7F4EC #78D8C6

Ambiance : côtier, équilibré, légèrement mystérieux

Idéal pour : bannière d’appli voyage

Côtier et un peu mystérieux, le bleu profond fait penser à l’eau le soir, le jaune rayonnant comme des lampions de promenade. L’accent aqua ajoute de la fraîcheur pour éviter un rendu trop sombre. Pour bannières de voyage, fiches de destination ou mises en avant nécessitant du caractère. Astuce d’utilisation : gardez le bleu foncé en fond, placez le jaune sur les icônes clés ou courts labels pour un focus immédiat.

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

20) Salle de Classe Moderne

HEX : #92C7FF #FFEEA6 #F3F7FF #8AB0D6 #4C6FA8

Ambiance : frais, accessible, concentré

Idéal pour : couverture de cours e-learning

Fraîche et accessible, cette palette rappelle une classe moderne baignée de lumière et de carnets impeccables. Le bleu le plus clair garde la mise en page nette, le jaune doux ajoute une chaleur pour hiérarchie et navigation. Idéal pour couvertures de cours, vignettes de leçon et supports enseignants où la clarté prime. Astuce d’utilisation : utilisez le bleu moyen pour les titres et le jaune pour de petits repères comme les numéros de leçon ou labels de progression.

Exemple d'image de salle de classe moderne générée avec media.io

Quelles couleurs s’accordent bien avec le bleu et le jaune pastel ?

Les neutres doux comme le blanc chaud, la crème et le bleu-gris clair permettent au bleu et au jaune pastel de paraître réfléchis plutôt que « trop mignons ». Ils laissent aussi de l’espace à la typographie et l’imagerie produit.

Pour un accent frais, testez la menthe, l’aqua ou le vert-de-mer—ces nuances s’insèrent naturellement entre bleu et jaune et maintiennent la palette légère. Pour une touche romantique ou éditoriale, le lilas poudré ou mauve sourd ajoutent de la personnalité sans dominer.

Si vous avez besoin d’un contraste fort pour l’accessibilité, intégrez un bleu marine, ardoise profond ou indigo pour le texte, graphiques et appels à l’action. Les points d’ancrage sombres font paraître les fonds pastels plus propres et premium.

Comment utiliser une palette bleu et jaune pastel en design réel

Commencez par les rôles : choisissez un bleu pastel comme fond principal, gardez un bleu plus soutenu pour la typographie et les boutons, traitez le jaune pastel en couleur accent. Ainsi le design reste lisible et le jaune ne fatigue pas à grande dose.

En UI, mettez le jaune sur les petits états interactifs (badges, tags, progrès, sélection), et gardez le texte long sur des neutres clairs. En print, testez le jaune sur votre papier—il peut vite changer selon la lumière.

Pour renforcer la cohérence du système, ajoutez un accent-pont (menthe/aqua) et un neutre (crème/blanc cassé). Vous gagnerez en souplesse de mise en page sans perdre l’ambiance printanière douce.

Créer des visuels de palettes bleu et jaune pastel avec l’IA

Pour prévisualiser à quoi une palette bleu-jaune pastel ressemble sur une page d’accueil, une affiche, une invitation ou une maquette produit, générer des concepts d’images rapides peut vous faire gagner des heures. C’est aussi idéal pour tester contraste et hiérarchie avant une mise en page complète.

Avec Media.io texte-vers-image, vous pouvez coller une invite, spécifier un ratio d’aspect et itérer jusqu’à trouver la palette parfaite pour votre marque ou projet. Essayez de décrire votre type de design (UI, flyer, packaging) et de préciser vos couleurs clés.

Ensuite : Palette de couleurs Framboise Bleue