Les 20 meilleures idées de palettes de couleurs marocaines + Hex

Les palettes de couleurs marocaines mélangent des tons de bijoux avec des neutres cuits au soleil, inspirées par les carreaux de zellige, les souks et les paysages désertiques. Le résultat est un style à la fois intemporel et moderne, avec un contraste fort et une chaleur artisanale.

Vous trouverez ci-dessous 20 combinaisons de palettes marocaines avec des codes HEX que vous pouvez utiliser pour le branding, les intérieurs, l’UI, les emballages et les publications sur les réseaux sociaux—plus des prompts d’images IA pour visualiser chaque style rapidement.

Pourquoi les palettes marocaines fonctionnent si bien

Les tons marocains équilibrent la saturation et l’aspect terreux d’une manière qui apparaît riche sans être envahissante. On retrouve souvent un ou deux “ancrages de bijoux” (turquoise, indigo, rubis) soutenus par des neutres doux (os, sable, parchemin) qui rendent les compositions aérées.

Ils créent aussi une hiérarchie naturelle. Les bleus profonds et les charbons prennent en charge la typographie et la structure, tandis que le safran, le laiton ou la terre cuite deviennent des repères d’attention pour les boutons, les accroches, et les motifs centraux.

Parce que l’inspiration provient de matières réelles—émail de carreaux, argile, pierre, cuir—ces schémas restent crédibles aussi bien dans des systèmes de design digital que dans des espaces physiques comme l’emballage ou l’intérieur.

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

1) Épices de souk

HEX : #C2543A #E2A037 #8A5A2D #0F6B6D #F4E7D3

Ambiance : chaleureux, animé, artisanal

Idéal pour : branding de restaurants et conception de menus

Chaleureuse et vivante, elle rappelle les étals d’épices, les pots en argile et les plateaux de laiton captant la lumière de fin d’après-midi. Ces combinaisons de couleurs marocaines fonctionnent parfaitement pour les menus, la signalétique et les cartes de fidélité où l’on veut susciter rapidement l’appétit. Utilisez le bleu sarcelle en accent avec beaucoup d’espace crème pour garder la composition lisible. Astuce: réservez la nuance safran pour les prix et les encadrés afin de guider l’œil sans être criard.

Exemple d’image de “Épices de souk” générée avec media.io

Media.io

Media.io est un studio en ligne d’IA pour créer et éditer vidéo, image et audio dans votre navigateur.

Essayez gratuitement maintenant

2) Zellige bleu sarcelle

HEX : #1BA7A6 #9BE3D4 #2646A6 #F2EFE7 #2B2B2B

Ambiance : propre, frais, côtier

Idéal pour : tableau de bord UI et widgets de données

Net et aquatique, il rappelle les carreaux émaillés, l’air marin et les couloirs de pierre fraîche. Le bleu sarcelle et le cobalt créent une hiérarchie forte pour les graphiques, bascules et badges sans être agressifs. Equilibrez les tons vifs avec des panneaux blanc cassé et une typographie charbon pour l’accessibilité. Astuce: utilisez la menthe pour des états de survol discrets afin que les interactions soient calmes et homogènes.

Exemple d’image de “Zellige bleu sarcelle” générée avec media.io

3) Dunes du Sahara

HEX : #E6D2B5 #C5A47E #A56B4E #7A7D3A #3B2A1F

Ambiance : enraciné, brûlé par le soleil, naturel

Idéal pour : étude couleur et décoration de murs intérieurs

Douce et terreuse, elle évoque les dunes sculptées par le vent, les objets en cuir et les arbustes d’oliviers poussiéreux. Ces nuances brillent dans les salons, entrées et cafés où l’on souhaite une chaleur sans saturation excessive. Ajoutez de la texture avec des tissus tissés et des céramiques mates pour ne pas rendre la palette plate. Astuce : utilisez le brun le plus foncé avec parcimonie sur les moulures ou les ferrures pour une définition nette.

Exemple d’image de “Dunes du Sahara” générée avec media.io

4) Indigo de l’Atlas

HEX : #1E2A78 #7D84D8 #C9A24A #F6F1E6 #4B5563

Ambiance : élégant, frais, raffiné

Idéal pour : mise en page éditoriale d’un lookbook mode

Poli et mystérieux, il rappelle la teinture indigo, les rues au crépuscule et les accents dorés sur les bordures tissées. Indigo et ardoise forment une base sophistiquée pour la typographie et les légendes produits. Utilisez lavande pour les séparateurs de section et laiton pour de petits indices luxueux comme les numéros de page ou citations. Astuce : gardez les cadres photos en os ou blanc cassé pour éviter les ombres boueuses.

Exemple d’image de “Indigo de l’Atlas” générée avec media.io

5) Rose Marrakech

HEX : #C98B8F #8E2C3D #F1A36B #FFF1E1 #3B1F1F

Ambiance : romantique, ensoleillé, festif

Idéal pour : suite d’invitations de mariage

Romantique et réchauffé par le soleil, il évoque les murs de plâtre rose, le thé à la grenade et la lumière abricot du coucher de soleil. Cette palette marocaine est idéale pour les invitations, cartes RSVP et doublures d’enveloppes quand on veut une douceur avec une couleur centrale riche. Mariez le rouge profond avec beaucoup de crème pour garder la typographie aérienne et premium. Astuce : utilisez la teinte abricot pour de petits motifs comme des arches ou des fleurs afin d’ajouter de la chaleur sans dominer la composition.

Exemple d’image de “Rose Marrakech” générée avec media.io

6) Nuit du désert

HEX : #0B1D3A #3A1B3F #B56A3C #EAD8C0 #A9B0B8

Ambiance : mystérieux, haut de gamme, cinématographique

Idéal pour : emballage de produits de luxe

Foncé et cinématographique, il évoque les ruelles éclairées par des lanternes et des éclats de cuivre sur des tissus de minuit. Le navy profond et l’aubergine créent instantanément du luxe, tandis que le sable et le gris lune rendent les étiquettes lisibles. Le cuivre fonctionne mieux en accent doré pour les logos ou bordures plutôt qu’en grande surface. Astuce : ajoutez beaucoup d’espace négatif pour que les tons foncés soient intentionnels, non lourds.

Exemple d’image de “Nuit du désert” générée avec media.io

7) Cour intérieure aux agrumes

HEX : #B8D645 #F2D64B #FAF7EF #2B8C8A #C9643B

Ambiance : lumineux, ludique, aérien

Idéal pour : affiche d’illustration botanique printanière

Luminosité et légèreté, cette palette rappelle les arbres d’agrumes dans une cour carrelée sous le soleil tamisé. Le citron vert et le citron créent des points focaux joyeux, tandis que le bleu sarcelle ajoute un contraste frais pour les feuilles et les ombres. Gardez le crème comme couleur du papier pour préserver une allure aquarelle légère. Astuce : n’utilisez la terre cuite que pour de petits accents fruités afin que les verts restent dominants et frais.

Exemple d’image de “Cour intérieure aux agrumes” générée avec media.io

8) Neutres du marché aux épices

HEX : #F0E2CE #BFA68A #9A5A3A #6E6B3A #1F2A30

Ambiance : calme, terreux, minimaliste

Idéal pour : thème de site Web minimal

Discrète et enracinée, elle rappelle les sacs de jute, les herbes séchées et le bois patiné. Ces tons sont parfaits pour des sites épurés où l’image prend le premier plan et l’UI reste en support discret. Utilisez l’encre pour les titres et les boutons, puis laissez cannelle et olive en touches discrètes. Astuce : gardez les fonds dans le beige le plus clair pour éviter un aspect terne et boueux sur de longues pages.

Exemple d’image de “Neutres du marché aux épices” générée avec media.io

9) Menthe oasis

HEX : #BFEBD6 #52C5C0 #2F7D5B #E9D9BF #E27C6A

Ambiance : rafraîchissant, propre, optimiste

Idéal pour : publicité produit soin de la peau

Rafraîchissante et pure, elle évoque l’eau fraîche, le thé à la menthe et le sable doux sous les pieds. La gamme du menthe à l’aqua évoque instantanément le bien-être, tandis que le vert palmier apporte crédibilité et profondeur. Utilisez le corail en petite touche pour CTA ou badge produit afin qu’il ressorte sans rendre la pub criarde. Astuce : gardez les accessoires minimalistes et laissez une teinte verte dominante diriger la composition.

Exemple d'image d'oasis menthe généré avec media.io

10) Lanterne en laiton

HEX : #C6A24A #D08A2D #6B1F2B #1A2233 #F5EAD6

Ambiance : lumineux, dramatique, vintage

Idéal pour : affiche de bar et promo nocturne

Lumineux et dramatique, on se croirait dans un lounge éclairé à la lanterne, avec des ombres veloutées et des reflets ambrés. Utilisez le bleu nuit et le bordeaux pour les grands aplats et le contraste du texte, puis laissez le laiton et l’ambre apporter de la chaleur. Le parchemin empêche le design de devenir trop sombre et aide à la lisibilité des petits caractères. Astuce : appliquez le laiton en bordure fine ou en emblème pour imiter une encre métallisée sans surcharger la mise en page.

Exemple d'image de lanterne en laiton généré avec media.io

11) Carreau de terre cuite

HEX : #D36A4A #A64632 #F7E6D0 #1F7A78 #2A1B16

Ambiance : rustique, audacieux, fait main

Idéal pour : moodboard crédence cuisine

Rustique et audacieux, cela évoque des carreaux cuits à la main, des toits en argile et des lignes de joints turquoise. Terre cuite et crème forment une base intemporelle pour les cuisines, tandis que le turquoise apporte une touche personnalisée. Ajoutez la tonalité onyx via la quincaillerie ou l’éclairage pour renforcer la chaleur. Astuce : répétez le turquoise en petites doses, comme dans la poterie ou les textiles, pour que cela paraisse réfléchi, pas aléatoire.

Exemple d'image de carreau de terre cuite généré avec media.io

12) Essaouira côtière

HEX : #9AD8D2 #0E6E70 #B08D6A #F7F7F4 #9CB2C4

Ambiance : aérien, léger, bord de mer

Idéal pour : bannière principale blog voyage

Aérien et léger, cela rappelle les médinas côtières, portes patinées, et pierres baignées de sel. L’écume et le turquoise profond sont parfaits pour les titres et boutons, le bois flotté garde la palette naturelle. Utilisez le blanc comme toile principale pour que les tons frais restent nets, pas froids. Astuce : ajoutez du gris ciel en superposition douce sur les légendes et barres de navigation.

Exemple d’image d’Essaouira côtière généré avec media.io

13) Fès royal

HEX : #0B7A4B #B12A3A #D1B15A #F5F0E6 #14234A

Ambiance : royal, vibrant, cérémonial

Idéal pour : flyer événementiel design

Royal et vibrant, cela suggère portes sculptées, tons bijoux et détails dorés sous une lumière de lanterne douce. Ces combinaisons de couleurs marocaines sont parfaites pour des flyers de concert, événements culturels et invitations de gala. Gardez l’ivoire en fond pour éviter que rubis et émeraude ne s'affrontent, et laissez le bleu nuit porter la typographie. Astuce : n’utilisez l’or qu’en touche pour les dates et noms-clés afin de préserver le côté premium.

Exemple d'image de Fès royal généré avec media.io

14) Terre de palmier dattier

HEX : #6B3F2A #3E6B4E #E4D0B4 #B27754 #F8F1E4

Ambiance : organique, ancré, artisanal

Idéal pour : étiquette d’emballage café artisanal

Organique et ancré, cela évoque les palmiers dattiers, grains grillés et argile sous le soleil. Les tons bruns et d’argile sont délicieusement tactiles, tandis que le vert palmier apporte une fraîcheur naturelle et durable. Utilisez la crème claire pour le fond d’étiquette afin de faciliter la lecture des petites typographies et notes de dégustation. Astuce : mettez le vert palmier sur une seule bande ou un sceau pour que cela reste réfléchi, pas comme un accent oublié.

Exemple d'image de terre de palmier dattier généré avec media.io

15) Safran et fumée

HEX : #E6A11A #8A8F96 #2C2E33 #D7A0A6 #F4F0E8

Ambiance : moderne, audacieux, équilibré

Idéal pour : écrans onboarding d’application

Moderne et légèrement audacieux, cela évoque une lueur safran traversant la fumée urbaine. Le safran est assez fort pour les boutons principaux et les indicateurs de progression, le charbon assure une base solide pour l’UI. Le ton blush adoucit les illustrations et les états vides sans rendre tout sucré. Astuce : limitez le safran à une action par écran pour garder un onboarding propre et assuré.

Exemple d’image de safran et fumée généré avec media.io

16) Tapis berbère

HEX : #B63A2B #243B80 #D0A12A #1A1A1A #F3EBDD

Ambiance : audacieux, graphique, folklorique

Idéal pour : motif textile design

Audacieux et graphique, cela évoque des tapis tissés, des motifs tribaux et une géométrie encrée. Cette palette marocaine est idéale sur les motifs répétitifs, étiquettes et accessoires marqués où le contraste est essentiel. Gardez le blanc laine comme champ principal et utilisez le noir pour affiner les bordures des formes. Astuce : alternez moutarde et rouge chili en petits blocs afin que le motif semble rythmé, pas chaotique.

Exemple d'image de tapis berbère généré avec media.io

17) Argile et cactus

HEX : #4E7D5B #C26A4A #E7D3B8 #8FB7C4 #3A2A22

Ambiance : écologique, accueillant, contemporain

Idéal pour : identité de marque éco

Fraîche mais terreuse, cela évoque des jardins de cactus, des pots en argile et une brume céleste pâle. Le vert inspire confiance et durabilité, l’argile ajoute de la chaleur pour garder la marque accessible. Utilisez le sable en fond et le brun profond pour les logotypes afin de préserver le contraste entre print et digital. Astuce : réservez le ton ciel pour les graphiques secondaires comme les icônes ou diviseurs pour garder la cohérence du système.

Exemple d'image d’argile et cactus généré avec media.io

18) Hammam calme

HEX : #B8D6E6 #7BBFA3 #F6F4ED #9A9B95 #E8D7C3

Ambiance : apaisant, aérien, ambiance spa

Idéal pour : page d’accueil site spa

Apaisant et aérien, cela évoque la vapeur, les carreaux propres et les piscines silencieuses. Bleu pâle et eucalyptus créent un signal bien-être doux pour les sections principales et boutons d’appel à l’action. Gardez l’ivoire en fond principal, puis utilisez le gris pierre pour la navigation et les petits textes. Astuce : ajoutez beige savon en bande dégradée douce pour séparer les sections sans lignes strictes.

Exemple d’image de hammam calme généré avec media.io

19) Coucher de soleil grenade

HEX : #9A2235 #E06A3B #D98B8D #4B1F3A #F6E6D5

Ambiance : expressif, chaleureux, romantique

Idéal pour : modèles de citations réseaux sociaux

Expressif et chaleureux, cela évoque des ciels de coucher de soleil sur toits en terre cuite et fruits mûrs sur le marché. Utilisez la crème chaude en toile pour que les tons grenade et prune restent riches et non pesants. L’orange couché de soleil donne une touche parfaite sur les mots-clés, le blush adoucit les blocs derrière le texte. Astuce : gardez le fond simple et laissez un ton profond ancrer la typographie, pour une meilleure lisibilité mobile.

Exemple d’image de coucher de soleil grenade généré avec media.io

20) Ombre Kasbah

HEX : #6B6A3A #C2A33B #8C3F2D #2B2B2B #E7D6BF

Ambiance : historique, sombre, architectural

Idéal pour : étude colorée de rendu architectural

Sombre et architectural, cela rappelle les murs de forteresse, les cours ombragées et la lumière ocre poussiéreuse. Ocre et sable forment les bases solides pour les études volumétriques, la brique apporte chaleur sur les volumes focaux. Charbon parfait pour le travail de lignes et ombres, gardant la composition nette. Astuce : appliquez l’olive sur les éléments paysagers pour que les tons de bâtiment restent dominants et crédibles.

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

Quelles couleurs se marient bien avec le style marocain ?

Les palettes marocaines s’associent particulièrement bien avec des neutres chauds comme os, parchemin, sable et crème—ces nuances empêchent les tons bijoux de paraître trop intenses et garantissent lisibilité du design.

Pour un contraste audacieux, ajoutez des bases profondes comme charbon, noir encre, bleu minuit ou aubergine. Ils donnent à la terre cuite, safran, émeraude et turquoise un aspect plus premium et maîtrisé.

Pour un look plus frais, introduisez des accents côtiers comme écume, menthe ou bleu ciel pâle. Ceux-ci gardent la palette lumineuse et inspirée des carreaux et pierres.

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

Commencez par une base neutre (crème, os, sable) pour les fonds, puis choisissez un ton bijou comme couleur principale de votre marque (turquoise, indigo, émeraude). Utilisez une deuxième couleur saturée en accent pour les CTA, highlights ou motifs clés.

En intérieur, répétez un accent coloré en plusieurs petites touches – textiles, poteries, objets – pour un effet soigné. En interface digitale, gardez le texte majoritairement charbon ou bleu marine profond et appliquez les couleurs vives pour les états (actif, hover, badges) plutôt que des panneaux entiers.

En cas de doute, limitez la palette à 60/30/10 : 60% neutre, 30% couleur principale, 10% accent. Les combinaisons marocaines sont meilleures quand “l’épice” est dosée.

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

Si vous avez des codes HEX sans visualiser l’effet final, générez des maquettes rapidement avec l’IA avant de valider. Cela aide à tester l’effet de terre cuite et turquoise sur les menus, comment l’indigo ressort en mise en page éditoriale ou le safran sur un bouton.

Utilisez le nom de votre palette plus les prompts inclus pour créer affiches, écrans UI, packshots ou moodboards. Itérez ensuite en changeant une couleur à la fois (ex : passer crème en os, ou charbon en bleu marine profond) pour affiner le contraste.

Avec Media.io, vous pouvez transformer les tons marocains en visuels cohérents pour branding, templates sociaux et boards concept en quelques minutes.

Ensuite : Palette de couleurs vert jaune