Nous contacter

  1. Accueil
  2. Blog
  3. Graphisme
  4. Inspiration
  5. Couleurs d’Halloween et d’automne : 20 palettes avec codes HEX et RGB

Couleurs d’Halloween : 20 palettes avec codes HEX et RGB

Couleurs d’Halloween et d’automne : 20 palettes avec codes HEX et RGB

Dans Inspiration

Orange citrouille, noir de minuit, violet de sorcière… Halloween a ses couleurs, et tout le monde les reconnaît au premier coup d’œil. Encore faut-il les bons codes pour les utiliser dans vos maquettes, vos visuels ou votre site relooké pour Halloween.

Voici 20 palettes prêtes à copier : nos 12 palettes Halloween, mises à jour avec les codes RGB, et 8 nouvelles palettes d’automne extraites de vraies photos. Pour chacune, nous avons mesuré le contraste, pour savoir tout de suite si elle est lisible à l’écran.

L’essentiel en 30 secondes

  • Les couleurs d’Halloween sont l’orange et le noir : l’orange rappelle les récoltes d’automne, le noir la fin de l’été. Le violet, le vert et le rouge complètent la palette.
  • 20 palettes de 5 couleurs, chacune avec ses codes HEX et RGB à copier.
  • 8 palettes d’automne inédites, extraites de photos de forêts, de lacs et de citrouilles.
  • Contraste vérifié pour chaque palette, selon le seuil WCAG de 4,5:1.
  • Méthode 60-30-10 : 60 % de couleur dominante, 30 % de secondaire, 10 % d’accent.

Quelles sont les couleurs d’Halloween ?

L’orange et le noir. Ce duo vient de loin.

Halloween descend de Samhain, une fête celte qui marquait la fin des récoltes et le début de l’hiver. Selon la Bibliothèque du Congrès américain, le noir y représentait la « mort » de l’été, et l’orange la saison des récoltes. La citrouille sculptée a fini d’ancrer l’orange dans l’imaginaire collectif.

D’autres couleurs se sont ajoutées avec le temps :

CouleurCe qu’elle évoqueExemple de code
OrangeCitrouilles, récoltes, feu#F28705
NoirNuit, mystère, chats noirs#0D0D0D
VioletSorcières, magie, crépuscule#562C73
VertPotions, monstres, poison#52BF4E
RougeSang, vampires, danger#8C0F0F
Blanc casséFantômes, os, toiles d’araignée#F2EFBD

L’orange et le noir suffisent pour dire « Halloween », les autres couleurs donnent le ton.

12 palettes de couleurs Halloween

Chaque palette compte 5 couleurs. Copiez le code HEX pour Figma, Canva ou Photoshop, et le code RGB pour vos dégradés et transparences CSS. Sous chaque palette, nous indiquons le contraste entre la teinte la plus claire et la plus foncée.

1. Spooky

Orange citrouille et noir profond : le duo classique, version élégante. Idéale pour une bannière ou un bouton d’appel à l’action qui doit sauter aux yeux.

Palette de couleurs Halloween Spooky : #ED830A, #CA4E04, #30072E, #000000, #2D2D2E

HEXRGB
#ED830Argb(237, 131, 10)
#CA4E04rgb(202, 78, 4)
#30072Ergb(48, 7, 46)
#000000rgb(0, 0, 0)
#2D2D2Ergb(45, 45, 46)

Contraste #000000 sur #ED830A : 7,9:1, lisible pour du texte.

2. Moonlight Forest

Des bleus nuit et des gris-verts froids, comme une forêt sous la lune. Parfaite pour un fond sombre qui reste reposant.

Palette de couleurs Halloween Moonlight Forest : #04070D, #0C1726, #364C59, #728A8C, #AEBFBC

HEXRGB
#04070Drgb(4, 7, 13)
#0C1726rgb(12, 23, 38)
#364C59rgb(54, 76, 89)
#728A8Crgb(114, 138, 140)
#AEBFBCrgb(174, 191, 188)

Contraste #04070D sur #AEBFBC : 10,5:1, lisible pour du texte.

3. Ghost House

Bleu nuit et bleu électrique pour une ambiance mystérieuse. À réserver aux fonds et aux illustrations : les bleus clairs manquent de contraste pour du texte.

Palette de couleurs Halloween Ghost House : #010326, #00010D, #242873, #435AD9, #495ABF

HEXRGB
#010326rgb(1, 3, 38)
#00010Drgb(0, 1, 13)
#242873rgb(36, 40, 115)
#435AD9rgb(67, 90, 217)
#495ABFrgb(73, 90, 191)

Contraste #00010D sur #435AD9 : 3,7:1, réservé aux fonds et aux grands titres.

4. Pumpkin

Un dégradé d’oranges jusqu’au bordeaux. Chaleureuse, festive, elle fonctionne très bien en dégradé CSS.

Palette de couleurs Halloween Pumpkin : #F2A20C, #F28705, #F25C05, #D93D04, #590202

HEXRGB
#F2A20Crgb(242, 162, 12)
#F28705rgb(242, 135, 5)
#F25C05rgb(242, 92, 5)
#D93D04rgb(217, 61, 4)
#590202rgb(89, 2, 2)

Contraste #590202 sur #F2A20C : 6,9:1, lisible pour du texte.

5. Frankenstein

Vert kaki, crème et ombre : une palette rétro, plus pop que flippante.

Palette de couleurs Halloween Frankenstein : #1A2608, #A1A67C, #ECF2BD, #26261D, #D9CEAD

HEXRGB
#1A2608rgb(26, 38, 8)
#A1A67Crgb(161, 166, 124)
#ECF2BDrgb(236, 242, 189)
#26261Drgb(38, 38, 29)
#D9CEADrgb(217, 206, 173)

Contraste #1A2608 sur #ECF2BD : 13,6:1, lisible pour du texte.

6. Bloody Mary

Noir et rouges sang. Spectaculaire en fond, mais les tons sont trop proches entre eux pour poser du texte : ajoutez du blanc.

Palette de couleurs Halloween Bloody Mary : #000000, #360000, #6B0404, #850303, #691111

HEXRGB
#000000rgb(0, 0, 0)
#360000rgb(54, 0, 0)
#6B0404rgb(107, 4, 4)
#850303rgb(133, 3, 3)
#691111rgb(105, 17, 17)

Contraste #000000 sur #850303 : 2,0:1, réservé aux fonds et aux grands titres.

7. Nightmare Before Christmas

Gris-bleu, jaune lune et noir. Un clin d’œil au film d’animation, entre Halloween et Noël.

Palette de couleurs Halloween Nightmare Before Christmas : #65768C, #F2D377, #D9B166, #D9BB96, #0D0D0D

HEXRGB
#65768Crgb(101, 118, 140)
#F2D377rgb(242, 211, 119)
#D9B166rgb(217, 177, 102)
#D9BB96rgb(217, 187, 150)
#0D0D0Drgb(13, 13, 13)

Contraste #0D0D0D sur #F2D377 : 13,3:1, lisible pour du texte.

8. Witchy Hours

Violets profonds, lavande et bleu canard : l’heure des sorcières, en version chic.

Palette de couleurs Halloween Witchy Hours : #1E1940, #562C73, #E4C2F2, #6F8D95, #295E73

HEXRGB
#1E1940rgb(30, 25, 64)
#562C73rgb(86, 44, 115)
#E4C2F2rgb(228, 194, 242)
#6F8D95rgb(111, 141, 149)
#295E73rgb(41, 94, 115)

Contraste #1E1940 sur #E4C2F2 : 10,5:1, lisible pour du texte.

9. Dark Vampire

Bordeaux, rouge sombre et crème. Gothique et raffinée, parfaite pour un site de restaurant ou de bar à cocktails le 31 octobre.

Palette de couleurs Halloween Dark Vampire : #73242A, #F2D194, #260101, #8C0F0F, #0D0D0D

HEXRGB
#73242Argb(115, 36, 42)
#F2D194rgb(242, 209, 148)
#260101rgb(38, 1, 1)
#8C0F0Frgb(140, 15, 15)
#0D0D0Drgb(13, 13, 13)

Contraste #0D0D0D sur #F2D194 : 13,3:1, lisible pour du texte.

10. Glowing Potion

Des verts de potion qui brillent sur du noir. Idéale pour un jeu, un événement gaming ou une page d’escape game.

Palette de couleurs Halloween Glowing Potion : #325559, #164024, #2E8C3C, #52BF4E, #0D0D0D

HEXRGB
#325559rgb(50, 85, 89)
#164024rgb(22, 64, 36)
#2E8C3Crgb(46, 140, 60)
#52BF4Ergb(82, 191, 78)
#0D0D0Drgb(13, 13, 13)

Contraste #0D0D0D sur #52BF4E : 8,3:1, lisible pour du texte.

11. Funky Ghost

Violets électriques et orange : la version pop et néon d’Halloween. À utiliser en accents plutôt qu’en fond.

Palette de couleurs Halloween Funky Ghost : #BF05F2, #6805F2, #9080F2, #404759, #D9653B

HEXRGB
#BF05F2rgb(191, 5, 242)
#6805F2rgb(104, 5, 242)
#9080F2rgb(144, 128, 242)
#404759rgb(64, 71, 89)
#D9653Brgb(217, 101, 59)

Contraste #404759 sur #9080F2 : 2,9:1, réservé aux fonds et aux grands titres.

12. Midnight Comics

Crème, orange, rouge vif et noir : l’esprit bande dessinée. Le contraste maximal de la sélection.

Palette de couleurs Halloween Midnight Comics : #F2EFBD, #F28241, #F23E16, #E22D1B, #0D0D0D

HEXRGB
#F2EFBDrgb(242, 239, 189)
#F28241rgb(242, 130, 65)
#F23E16rgb(242, 62, 22)
#E22D1Brgb(226, 45, 27)
#0D0D0Drgb(13, 13, 13)

Contraste #0D0D0D sur #F2EFBD : 16,5:1, lisible pour du texte.

9 palettes sur 12 offrent un duo lisible pour du texte, les 3 autres sont faites pour les fonds et les illustrations.

8 palettes de couleurs d’automne

Pas encore l’humeur citrouilles et squelettes ? Ces palettes d’automne prolongent l’ambiance jusqu’en novembre. Nous les avons extraites, couleur par couleur, de photos de notre sélection de fonds d’écran d’automne pour PC : chaque teinte existe vraiment dans la nature.

13. Chemin doré

Ocre, rouille et brun forêt. La palette d’automne par excellence, chaude et rassurante.

Blogduwebdesign palette couleurs automne chemin dore

Couleurs extraites de la photo « Chemin forestier doré ».

HEX RGB
#D49061 rgb(212, 144, 97)
#B1662C rgb(177, 102, 44)
#5E553A rgb(94, 85, 58)
#7B3710 rgb(123, 55, 16)
#2E2413 rgb(46, 36, 19)

Contraste #2E2413 sur #D49061 : 5,8:1, lisible pour du texte.

14. Érable et lac turquoise

Le rouge d’un érable face au bleu d’un lac. Un contraste complémentaire rare en automne, qui réveille une interface.

Blogduwebdesign palette couleurs automne erable et lac turquoise

Couleurs extraites de la photo « Érable au-dessus d’un lac turquoise ».

HEX RGB
#D9D4C7 rgb(217, 212, 199)
#69B9C6 rgb(105, 185, 198)
#CB8F65 rgb(203, 143, 101)
#B64D1A rgb(182, 77, 26)
#414B47 rgb(65, 75, 71)

Contraste #414B47 sur #D9D4C7 : 6,1:1, lisible pour du texte.

15. Brume d’octobre

Bleus brumeux, gris ardoise et une touche de brun. Une palette froide et calme, pour les marques sobres.

Blogduwebdesign palette couleurs automne brume d octobre

Couleurs extraites de la photo « Lac dans la brume du matin ».

HEX RGB
#A6CCD9 rgb(166, 204, 217)
#87A2AD rgb(135, 162, 173)
#8D6C3F rgb(141, 108, 63)
#436478 rgb(67, 100, 120)
#262B2E rgb(38, 43, 46)

Contraste #262B2E sur #A6CCD9 : 8,4:1, lisible pour du texte.

16. Feuillage moutarde

Moutarde, caramel et kaki. Très tendance en mode et en déco, mais ses tons sont proches : texte en blanc sur la teinte la plus foncée.

Blogduwebdesign palette couleurs automne feuillage moutarde

Couleurs extraites de la photo « Mosaïque de couleurs ».

HEX RGB
#D4AC60 rgb(212, 172, 96)
#C58933 rgb(197, 137, 51)
#A2835D rgb(162, 131, 93)
#8C6636 rgb(140, 102, 54)
#55482B rgb(85, 72, 43)

Contraste #55482B sur #D4AC60 : 4,2:1, réservé aux fonds et aux grands titres.

17. Chêne sous la pluie

Bruns rosés et terre de Sienne, comme des feuilles mouillées. Douce et naturelle.

Blogduwebdesign palette couleurs automne chene sous la pluie

Couleurs extraites de la photo « Feuilles de chêne après la pluie ».

HEX RGB
#CBA08A rgb(203, 160, 138)
#A77660 rgb(167, 118, 96)
#7F4B3B rgb(127, 75, 59)
#543029 rgb(84, 48, 41)
#272220 rgb(39, 34, 32)

Contraste #272220 sur #CBA08A : 6,7:1, lisible pour du texte.

18. Chocolat chaud

Cacao, taupe et gris lin. L’ambiance cocooning d’un après-midi de lecture.

Blogduwebdesign palette couleurs automne chocolat chaud

Couleurs extraites de la photo « Chocolat chaud et lecture ».

HEX RGB
#B8B9AD rgb(184, 185, 173)
#9E8875 rgb(158, 136, 117)
#7E5948 rgb(126, 89, 72)
#51352C rgb(81, 53, 44)
#231310 rgb(35, 19, 16)

Contraste #231310 sur #B8B9AD : 9,0:1, lisible pour du texte.

19. Champ de citrouilles

Terre cuite, rouille et crème. Le pont parfait entre l’automne et Halloween.

Blogduwebdesign palette couleurs automne champ de citrouilles

Couleurs extraites de la photo « Champ de citrouilles ».

HEX RGB
#DDCFC2 rgb(221, 207, 194)
#C38462 rgb(195, 132, 98)
#A84B23 rgb(168, 75, 35)
#6D1807 rgb(109, 24, 7)
#1C0904 rgb(28, 9, 4)

Contraste #1C0904 sur #DDCFC2 : 12,6:1, lisible pour du texte.

20. Sous-bois et amanites

Gris mousse, vieux rose et brun champignon. Une palette discrète et sophistiquée.

Blogduwebdesign palette couleurs automne sous bois et amanites

Couleurs extraites de la photo « Amanites en sous-bois ».

HEX RGB
#D0C0BE rgb(208, 192, 190)
#C07B6C rgb(192, 123, 108)
#6E594C rgb(110, 89, 76)
#3E3F3A rgb(62, 63, 58)
#22211C rgb(34, 33, 28)

Contraste #22211C sur #D0C0BE : 9,2:1, lisible pour du texte.

Les palettes d’automne sont plus douces que celles d’Halloween, et elles se gardent toute la saison.

Comment utiliser ces palettes sur un site web

Une belle palette mal dosée donne un site criard. Trois règles suffisent pour l’éviter.

Dosez avec la règle 60-30-10

Donnez 60 % de la surface à une couleur dominante (souvent la plus neutre), 30 % à une secondaire, et 10 % à une couleur d’accent pour les boutons et les liens. Tout est expliqué dans notre article sur la règle 60-30-10 en design.

Exemple avec la palette Midnight Comics : fond crème #F2EFBD (60 %), textes et bandeaux en #0D0D0D (30 %), boutons en #F28241 (10 %).

Vérifiez le contraste du texte

Les WCAG, les règles d’accessibilité du W3C, demandent un contraste d’au moins 4,5:1 pour le texte courant et 3:1 pour les grands titres. C’est pour cette raison que nous indiquons le contraste sous chaque palette. Un rouge sang sur fond noir impressionne, mais personne ne le lit.

Déclarez vos couleurs en variables CSS

Une palette déclarée une fois se change en une ligne. Pratique pour passer d’Halloween à Noël :

:root {
  --couleur-fond: #F2EFBD;
  --couleur-texte: #0D0D0D;
  --couleur-accent: #F28241;
}
Où l’utiliserPalette conseilléePourquoi
Bannière ou landing page HalloweenPumpkin, Midnight ComicsContraste fort, effet immédiat
Site de restaurant ou de barDark Vampire, Chocolat chaudAmbiance chaleureuse et premium
Événement gaming, escape gameGlowing Potion, Funky GhostCouleurs néon qui attirent l’œil
Newsletter d’automneChemin doré, Champ de citrouillesTons chauds, lisibles sur fond clair
Marque sobre ou B2BBrume d’octobre, Sous-bois et amanitesSaisonnier sans être déguisé

Pour compléter votre décor, piochez une typographie dans notre sélection de polices gratuites pour Halloween. Et dès le 1er novembre, passez à nos palettes de couleurs de Noël.

Une couleur dominante, un accent pour l’action, et un contraste vérifié.

Palette de couleurs : définition

Une palette de couleurs est un ensemble limité de teintes (souvent 3 à 6) choisies pour fonctionner ensemble. En webdesign, chaque couleur est notée par un code HEX (#F28705) ou RGB (rgb(242, 135, 5)), que vous copiez dans votre logiciel ou votre feuille de style.

FAQ : vos questions sur les couleurs d’Halloween

L’orange et le noir sont les deux couleurs traditionnelles. Le violet, le vert et le rouge s’y ajoutent souvent pour évoquer la magie, les potions ou les vampires.

Ces couleurs viennent de Samhain, la fête celte de fin des récoltes. L’orange évoque les moissons d’automne, le noir la fin de l’été et l’arrivée des nuits longues.

Ils décrivent la même couleur. Le code HEX (#F28705) est le plus courant dans les outils de design. Le code RGB (242, 135, 5) se prête mieux aux transparences en CSS, avec rgba().

Les ocres, les rouilles, les bruns, le moutarde et le vert kaki. Pour une touche plus fraîche, associez-les à un bleu brumeux, comme dans notre palette Brume d’octobre.

Oui. Copiez librement les codes HEX et RGB dans vos maquettes, vos sites et vos visuels, y compris pour un client.

Sources

Encore plus d’inspiration couleur ?

Tendances, palettes, dégradés : retrouvez toutes nos idées dans la rubrique Inspiration graphique.

Voir les inspirations

Aller plus loin

Pour aller plus loin, voici des ressources qui pourraient vous intéresser :

Dans Inspiration
Palette couleurs noel

10 palettes de couleurs inspirées de Noël

Le 02/12/2024

À l'approche de la saison la plus merveilleuse de l'année, plongeons ensemble dans une exploration chromatique captivante. Dans cet article, nous dévoilons 10 palettes de couleurs inspirées de Noël, soigneusement conçues pour apporter un brin de magie à vos créations. Que vous recherchiez l'éclat classique de la palette traditionnelle ou l'audace moderne d'une approche contemporaine, préparez-vous à transformer vos projets en véritables œuvres d'art festives. Laissez-vous guider à travers ces combinaisons de couleurs de Noël captivantes qui feront rayonner vos designs pendant les fêtes.