Aller au contenu
Arteon - logo de l'entreprise
#MadeWithNext.js
Arteon logo

Outils en ligne gratuits pour développeurs web, designers et spécialistes du marketing.

Outils

  • Éditeur d'images en ligne
  • Générateur de favicon
  • Vérificateur de méta titre et description
  • Compteur de mots et caractères
  • Générateur Lorem Ipsum
  • Générateur de signature e-mail
  • Vérificateur de contraste des couleurs
  • Extracteur de couleurs d'image
  • Générateur de palettes de couleurs
  • Générateur de codes QR gratuit

Outils

  • pt en px
  • rem en px
  • em en px
  • cm en px
  • px en cm
  • mm en px
  • px en mm
  • pouces en px
  • cm en pouces
  • pouces en cm

Outils

  • mm en pouces
  • pouces en mm
  • kg en livres
  • livres en kg
  • HEX en RGB
  • RGB en CMYK
  • octets en Ko/Mo/Go
  • Unix en date
  • DÉC en BIN
  • DÉC en HEX

Outils

  • Mbps en Mo/s
  • JPG en WebP
  • PNG en WebP
  • WebP en JPG
  • WebP en PNG
  • PNG en JPG
  • JPG en PNG
  • SVG en PNG
  • BMP en JPG
  • JPG en AVIF
© 2026 Arteon. Tous droits réservés.

Politique de confidentialite

Conditions d'utilisation

Plan du site

#MadeWithNext.js

Générez 17 palettes de couleurs à partir d'une couleur de base

Choisissez une couleur de base et générez 17 palettes harmonieuses. Monochromatique, complémentaire, triadique, pastel, sombre et plus – tous les calculs s'exécutent localement dans votre navigateur.

  1. /Outils
  2. /Palettes de couleurs
Loading tool editor...
PUBLICITÉ
Générateur de palettes de couleurs – Arteon

Générer des palettes à partir d'une seule couleur

Le générateur de palettes crée 17 palettes différentes à partir d'une seule couleur de base, en s'appuyant sur la théorie des couleurs. Chaque palette a une composition différente – des variations monochromatiques aux couleurs complémentaires contrastantes.

Tous les calculs reposent sur l'espace colorimétrique HSL (Teinte, Saturation, Luminosité). La teinte détermine la couleur de base, la saturation l'intensité et la luminosité le caractère clair ou foncé. Ce modèle correspond à la perception humaine des couleurs et se prête parfaitement à la génération de palettes.

Comment utiliser le générateur

La génération ne prend que quelques secondes :

  1. 1. Choisir la couleur de base

    Saisissez un code HEX ou utilisez le sélecteur de couleurs.
  2. 2. Voir les palettes

    L'outil génère automatiquement 17 palettes avec plusieurs couleurs harmonieuses.
  3. 3. Copier les codes HEX

    Cliquez sur une couleur pour copier son code HEX. Utilisez-le dans CSS, Figma ou d'autres outils.
PUBLICITÉ

17 types de palettes – laquelle convient à votre projet ?

Le générateur crée 17 schémas de couleurs fondés sur la théorie chromatique. Chacun suit une logique différente :

  1. Palette monochromatique

    Plusieurs niveaux de luminosité d'une seule teinte. Les couleurs restent cohérentes et apaisantes. Adaptée aux rapports annuels, sites institutionnels et projets nécessitant une sobriété visuelle.
  2. Palette analogue

    Couleurs voisines sur le cercle chromatique (décalage d'environ 30°). Transitions douces sans contraste brutal. Appréciée pour les illustrations éditoriales, les blogs et les supports narratifs.
  3. Palette complémentaire

    La couleur de base et son opposée sur le cercle (180°). Produit le contraste visuel le plus fort. Utile pour les boutons d'action, les bannières promotionnelles et les éléments qui doivent attirer l'attention.
  4. Palette triadique

    Trois couleurs espacées de 120° formant un triangle équilatéral. Combinaison vive et équilibrée. Fonctionne bien pour l'identité de marques créatives et les campagnes publicitaires.
  5. Palette complémentaire divisée

    Au lieu du complément direct, on utilise ses deux voisins. Le contraste reste net mais moins abrupt. Un bon compromis quand le schéma complémentaire paraît trop intense.
  6. Palette pastel

    Saturation réduite et luminosité élevée produisent des tons doux et aériens. Courante dans la cosmétique, la mode enfantine et la pâtisserie artisanale.
  7. Palette sombre

    Saturation élevée et luminosité basse. Des teintes profondes et intenses pour les interfaces en mode sombre, les marques haut de gamme et les produits qui visent l'exclusivité.
  8. Palette tonale

    Une échelle de luminosité d'une même teinte, du très clair au très foncé. Correspond aux niveaux de couleur des systèmes de design (par ex. 50 à 900). Indispensable pour construire des bibliothèques de composants UI.
  9. Palette minimaliste

    Un accent chromatique prononcé entouré de neutres clairs. Style typique des pages produit et des landing pages contemporaines avec beaucoup d'espace blanc.
  10. Palette tétradique (carrée)

    Quatre teintes espacées de 90° sur le cercle chromatique. Riche et équilibrée – particulièrement adaptée aux tableaux de bord, aux visualisations de données et aux interfaces complexes nécessitant de nombreuses couleurs distinctes.
  11. Palette chaude

    Teintes décalées vers les rouges, oranges et jaunes. Transmet énergie, chaleur et convivialité. Courante dans la restauration, l'hôtellerie et les campagnes marketing dynamiques.
  12. Palette froide

    Teintes décalées vers les bleus, turquoises et violets. Communique calme, professionnalisme et confiance. Répandue dans la fintech, la santé et le branding corporate.
  13. Palette terre

    Bruns, olives et ocres peu saturés inspirés des paysages naturels. Convient aux marques bio, aux produits artisanaux et à l'esthétique rustique.
  14. Palette néon

    Couleurs à saturation maximale avec une intensité électrique. Conçue pour le marketing audacieux, les interfaces de jeux vidéo et les designs qui captent le regard.
  15. Palette vintage

    Tons désaturés et légèrement chauds rappelant les impressions anciennes et la photographie rétro. Idéale pour les marques patrimoniales, les produits artisanaux et l'esthétique nostalgique.
  16. Palette haut contraste

    Étendue de luminosité extrême du presque noir au presque blanc avec la teinte de base. Excellente pour les designs accessibles, la hiérarchie visuelle forte et les interfaces conformes aux WCAG.
  17. Palette dégradé coucher de soleil

    Rotation fluide des teintes du chaud vers le froid, imitant un coucher de soleil naturel. Parfaite pour les sections héros, les arrière-plans et les projets créatifs.

Exemple : HSL(210, 80%, 50%)

H = 210° (teinte bleue)

S = 80% (intense)

L = 50% (luminosité moyenne)

Même teinte, luminosité différente

L : 90% → 70% → 50% → 30% → 10%

Comment fonctionne l'espace colorimétrique HSL

Toutes les palettes de cet outil reposent sur l'espace colorimétrique HSL (Teinte, Saturation, Luminosité). Contrairement à HEX ou RGB, HSL décrit les couleurs telles que nous les percevons :

  • Hue (H) – la teinte sur le cercle chromatique (0°–360°). 0° = rouge, 120° = vert, 240° = bleu.
  • Saturation (S) – l'intensité. 0% = gris, 100% = couleur pleinement saturée.
  • Lightness (L) – la luminosité. 0% = noir, 50% = couleur normale, 100% = blanc.

En modifiant sélectivement ces valeurs, on obtient des palettes harmonieuses. Les palettes monochromatiques ne varient que L, les analogues que H, et les complémentaires inversent H de 180°.

PUBLICITÉ

La couleur dans l'art et le design français

La France a transformé la manière dont le monde perçoit et utilise la couleur. Les impressionnistes - Monet, Renoir, Cézanne - ont abandonné les teintes sombres des ateliers pour peindre la lumière naturelle en plein air. Leurs palettes de bleus lavande, de jaunes doux et de verts tendres restent une source d'inspiration pour le design graphique contemporain. Les dégradés subtils que l'on retrouve dans les interfaces modernes descendent directement de cette approche picturale.

Le fauvisme a poussé la couleur encore plus loin. Henri Matisse et André Derain ont posé des aplats de rouge vif, d'orange et de bleu cobalt sans se soucier du réalisme. Leur principe : la couleur porte l'émotion à elle seule. Ce concept se retrouve dans les palettes complémentaires et triadiques du générateur, où des teintes opposées créent une tension visuelle maîtrisée.

Yves Klein a inventé son propre bleu - l'International Klein Blue (IKB), un outremer intense et profond breveté en 1960. Ce geste montre qu'une seule couleur peut devenir une signature de marque. La palette monochromatique du générateur explore cette idée : plusieurs nuances de luminosité et de saturation à partir d'une seule teinte de base.

Symbolique des couleurs dans la culture française

Le tricolore - bleu, blanc, rouge - incarne la République française depuis 1794. Le bleu représente la liberté, le blanc l'égalité, le rouge la fraternité. En branding, cette combinaison évoque immédiatement l'identité française, le savoir-faire et la qualité. Les marques qui ciblent le marché francophone utilisent souvent un bleu marine profond associé à un rouge bordeaux discret pour signaler l'élégance hexagonale.

La lavande de Provence inspire des palettes douces et apaisantes - violet pâle, gris perle, blanc cassé et vert olive. Ces teintes naturelles fonctionnent dans le bien-être, la cosmétique et le tourisme. La palette analogique du générateur reproduit facilement ces harmonies en partant d'un violet doux et en explorant les teintes voisines sur le cercle chromatique.

Les fêtes françaises ont leurs propres codes couleur. Le 14 juillet associe le bleu, le blanc et le rouge dans toutes les décorations. Noël en France privilégie le rouge profond, l'or et le vert sapin. La Chandeleur et Mardi gras apportent des jaunes chauds et des violets festifs. Ces repères culturels aident les designers à choisir des schémas de couleurs qui résonnent avec le public francophone.

PUBLICITÉ

La couleur dans le branding et le marché français

La haute couture parisienne dicte les tendances chromatiques mondiales. Chaque saison, les défilés de la Fashion Week lancent des couleurs phares qui se propagent du textile au design numérique en quelques mois. Le noir reste le pilier du luxe français - Chanel, Dior et Saint Laurent l'utilisent comme base intemporelle. Le rose poudré et le bleu marine sont deux classiques qui reviennent régulièrement.

Le secteur agroalimentaire français mise sur des tons naturels et terreux. Les producteurs de vin, de fromage et de pâtisserie choisissent le bordeaux, le crème, le doré et le brun chaud pour évoquer le terroir et l'artisanat. Une palette monochromatique dans les tons bordeaux ou une palette terre avec des bruns et des ocres fonctionne bien pour ce segment.

Les startups françaises de la French Tech adoptent des palettes vives pour se démarquer. Violet, corail, turquoise et vert citron signalent l'innovation et la créativité. Le contraste avec l'élégance classique française rend ces jeunes marques immédiatement reconnaissables. Le générateur de palettes propose des schémas triadiques et complémentaires divisés qui offrent ce type de combinaisons audacieuses mais équilibrées.

Où utiliser les palettes générées ?

  1. Identité visuelle de marque

    Sélectionnez des couleurs complémentaires pour un logo existant ou construisez une palette de branding de zéro, pour cartes de visite, papeterie et supports marketing.
  2. Sites web

    Définissez la couleur principale, la couleur d'accent et les tons de fond. Les codes HEX copiés se collent directement dans les feuilles de style CSS ou la configuration de thèmes.
  3. Interfaces d'applications

    La palette tonale fournit des variantes de luminosité d'une couleur : plus claires pour les fonds, plus foncées pour le texte, intermédiaires pour les bordures et états interactifs.
  4. Visuels pour les réseaux sociaux

    Des couleurs cohérentes pour les publications, stories et couvertures de profil. Les palettes analogues ou pastel fonctionnent bien pour un style uniforme et reconnaissable.
  5. Présentations et documents

    Des ensembles de couleurs harmonieux pour les diapositives, graphiques et infographies. Les palettes monochromatiques ou minimalistes maintiennent l'ordre visuel.
PUBLICITÉ

Résolution de problèmes du générateur de palettes

  1. Les palettes ne changent pas après la saisie d'une couleur

    Simplement taper un code HEX ne génère pas automatiquement les palettes : vous devez confirmer le changement avec le bouton Mettre à jour la couleur. Ce n'est qu'après confirmation que l'outil recalcule les 17 schémas.
  2. Message de format non valide

    Le générateur accepte uniquement le format HEX avec # au début, par ex. #FF5500. Les formats sans # (par ex. FF5500) ou en notation RGB (par ex. rgb(255,85,0)) ne sont pas pris en charge.
  3. Format HEX court et complet

    Les deux formats sont pris en charge : complet #RRGGBB (par ex. #FF5500) et court #RGB (par ex. #F50). Le générateur reconnaît automatiquement les deux et les traite de manière identique.

Questions fréquentes sur le générateur de palettes

Combien de palettes l'outil génère-t-il ?

L'outil génère 17 palettes différentes à partir d'une seule couleur de base : monochromatique, analogue, complémentaire, triadique, complémentaire divisée, tétradique (carrée), chaude, froide, terre, néon, vintage, haut contraste, dégradé coucher de soleil, pastel, sombre, tonale et minimaliste.

Qu'est-ce qu'une palette monochromatique ?

Une palette monochromatique est composée de variations d'une seule teinte – toutes les couleurs partagent la même teinte (H dans le modèle HSL) et varient uniquement en luminosité et saturation. Ces palettes sont harmonieuses et particulièrement adaptées aux designs professionnels.

Qu'est-ce qu'une palette complémentaire ?

Une palette complémentaire combine la couleur de base avec son complément – la couleur opposée sur le cercle chromatique (décalage de 180°). Ce contraste est l'un des principes fondamentaux de la théorie des couleurs et produit un effet vif et dynamique.

Puis-je copier les couleurs générées ?

Oui. Cliquez sur une couleur dans la palette pour copier son code HEX dans le presse-papiers. Utilisez-le directement dans CSS, Figma, Adobe ou d'autres outils de design.

Qu'est-ce que l'espace colorimétrique HSL ?

HSL signifie Hue (teinte), Saturation et Lightness (luminosité). Contrairement à RGB, HSL décrit les couleurs telles que nous les percevons : la teinte détermine la couleur de base, la saturation l'intensité, et la luminosité indique si la couleur est claire ou foncée. Toutes les palettes de cet outil reposent sur des calculs HSL.

Quelle différence entre triadique et complémentaire divisée ?

Une palette triadique utilise trois couleurs équidistantes sur le cercle chromatique (120° d'écart). Une palette complémentaire divisée utilise, au lieu du complément direct, les deux voisins du complément – ce qui produit un contraste plus subtil.

Quel type de palette convient le mieux à un site corporate ?

Les palettes monochromatiques ou tonales conviennent aux sites corporate car elles offrent une hiérarchie visuelle unifiée et apaisante. Utilisez la palette tonale pour construire un système complet d’arrière-plans, de textes, de bordures et d’accents à partir d’une seule couleur de marque.

Comment convertir les codes HEX en RGB ?

L’outil affiche le code HEX et la valeur HSL de chaque couleur. Pour convertir en RGB, utilisez les outils de développement de votre navigateur - entrez le code HEX dans le sélecteur de couleur et la valeur RGB s’affiche automatiquement.

Aidez-nous à améliorer nos outils

Vous avez une idée pour une nouvelle fonctionnalité, trouvé un bug ou souhaitez suggérer un autre outil qui faciliterait votre travail ? Écrivez-nous – nous répondons sous 24 heures.

Générateur de palettes de couleurs – Arteon

Découvrir d'autres outils

Voir tous les outils
JPG en WebP

JPG en WebP

Convertissez vos photos JPG en WebP léger. Réduisez le poids des images jusqu'à 35%.

Ouvrir l'outil
Éditeur d'images en ligne

Éditeur d'images en ligne

Redimensionnez, recadrez et convertissez votre image. Formats prêts pour les réseaux sociaux, avatars circulaires, export JPG/PNG/WebP.

Ouvrir l'outil
Vérificateur de méta titre et description

Vérificateur de méta titre et description

Vérifiez la longueur du titre et de la description en pixels. Aperçu Google en direct et conseils d'optimisation.

Ouvrir l'outil
PNG en JPG

PNG en JPG

Convertissez vos fichiers PNG en JPG dans le navigateur. Sans limite, sans inscription.

Ouvrir l'outil
Générateur de favicon

Générateur de favicon

Créez un jeu complet de favicon.ico pour votre site web à partir d'une image. Toutes les tailles requises, sans inscription.

Ouvrir l'outil
Générateur de palettes de couleurs

Générateur de palettes de couleurs

Générez 9 palettes à partir d'une couleur : monochromatique, complémentaire, triadique et plus. Codes HEX.

Ouvrir l'outil
WebP en JPG

WebP en JPG

Convertissez vos fichiers WebP en JPG universel. Compatible avec tous les logiciels.

Ouvrir l'outil
Vérificateur de contraste des couleurs

Vérificateur de contraste des couleurs

Vérifiez le contraste texte et arrière-plan selon WCAG 2.1 AA et AAA. Correction automatique des couleurs.

Ouvrir l'outil
Générateur de codes QR gratuit

Générateur de codes QR gratuit

Créez un code QR pour site web, carte vCard ou impression. Export PNG et SVG, sans inscription.

Ouvrir l'outil
Compteur de mots et caractères

Compteur de mots et caractères

Comptez les mots, caractères, phrases et temps de lecture. Vérifiez la lisibilité avec le score Flesch-Kincaid.

Ouvrir l'outil

#4f6bf5

Toutes les palettes ci-dessous reposent sur cette couleur.

Palette monochromatique

Toutes les couleurs partagent la même teinte (H) et varient principalement en luminosité (L) dans l'espace colorimétrique HSL.

#0b28ba

hsl(230, 89%, 39%)

#153af2

hsl(230, 89%, 52%)

#4f6bf5

hsl(230, 89%, 64%)

#899cf8

hsl(230, 89%, 76%)

#c3ccfc

hsl(230, 89%, 88%)

Palette triadique

Trois teintes séparées de 120° sur le cercle chromatique (sommets d'un triangle équilatéral), une géométrie fréquemment utilisée en branding et dans les designs inspirés du Bauhaus.

#4f6bf5

hsl(230, 89%, 64%)

#f43757

hsl(350, 89%, 59%)

#7ff667

hsl(110, 89%, 69%)

#f87f94

hsl(350, 89%, 74%)

#42f21f

hsl(110, 89%, 54%)

Palette complémentaire divisée

Une variante de la palette complémentaire : au lieu d'un complément (180°), on utilise deux couleurs décalées d'environ ±30° du complément, réduisant la tension visuelle tout en conservant un fort contraste.

#4f6bf5

hsl(230, 89%, 64%)

#f5864f

hsl(20, 89%, 64%)

#bef54f

hsl(80, 89%, 64%)

#f7a176

hsl(20, 89%, 72%)

#b0f328

hsl(80, 89%, 56%)

Palette pastel

La même teinte avec une saturation réduite et une luminosité augmentée, un déplacement vers le centre et le haut de l'espace HSL qui produit des couleurs douces et "crémeuses".

#e1e5f4

hsl(230, 45%, 92%)

#d3d7ee

hsl(230, 45%, 88%)

#c4cae9

hsl(230, 45%, 84%)

#b5bde3

hsl(230, 45%, 80%)

#a6b0dd

hsl(230, 45%, 76%)

Palette sombre

La même teinte avec une saturation élevée (S) et une luminosité réduite (L) un déplacement vers le bas sur l'axe de luminosité, produisant des couleurs profondes typiques du mode sombre et des accents intenses.

#3757f4

hsl(230, 89%, 59%)

#153af2

hsl(230, 89%, 52%)

#0c2dd2

hsl(230, 89%, 44%)

#0a25ab

hsl(230, 89%, 36%)

#081d85

hsl(230, 89%, 28%)

Palette tonale (inspirée Material Design)

Plusieurs niveaux de luminosité d'une même teinte L variée et S modérée, similaire aux plages tonales des directives Material Design (ex. : 50-900).

#f2f3f8

hsl(230, 27%, 96%)

#dcdfef

hsl(230, 36%, 90%)

#b1bae7

hsl(230, 54%, 80%)

#7c8ee9

hsl(230, 71%, 70%)

#3e5df4

hsl(230, 89%, 60%)

Palette minimaliste (inspirée Apple)

Un accent de couleur vif et plusieurs neutres très clairs et doux, un agencement typique des interfaces avec beaucoup d'espace blanc et des ombres subtiles.

#3e5df4

hsl(230, 89%, 60%)

#fafafa

hsl(230, 6%, 98%)

#efeff1

hsl(230, 6%, 94%)

#dfdfe2

hsl(230, 6%, 88%)

#484951

hsl(230, 6%, 30%)

Palette analogue

Des couleurs de teintes proches, d'environ -30° à +30° autour de la couleur de base sur le cercle chromatique classique (ex. : Itten).

#4fbef5

hsl(200, 89%, 64%)

#67a3f6

hsl(215, 89%, 69%)

#4f6bf5

hsl(230, 89%, 64%)

#4637f4

hsl(245, 89%, 59%)

#864ff5

hsl(260, 89%, 64%)

Palette complémentaire

La couleur de base et son complément décalé de 180° sur le cercle chromatique, l'un des contrastes fondamentaux décrits par Johannes Itten.

#4f6bf5

hsl(230, 89%, 64%)

#1f42f2

hsl(230, 89%, 54%)

#f5d94f

hsl(50, 89%, 64%)

#f8e37f

hsl(50, 89%, 74%)

#f2cf1f

hsl(50, 89%, 54%)

Palette tétradique (carrée)

Quatre teintes espacées de 90 sur le cercle chromatique (sommets d'un carré) riche et équilibrée, idéale pour les thèmes UI complexes et la visualisation de données.

#4f6bf5

hsl(230, 89%, 64%)

#f54fbe

hsl(320, 89%, 64%)

#f5d94f

hsl(50, 89%, 64%)

#4ff586

hsl(140, 89%, 64%)

#97a8f9

hsl(230, 89%, 79%)

Palette de tons chauds

Couleurs décalées vers l'extrémité chaude du spectre (rouges, oranges, jaunes) évoque l'énergie, la chaleur et l'accessibilité.

#f3d026

hsl(50, 89%, 55%)

#e7f548

hsl(65, 89%, 62%)

#c6f665

hsl(80, 89%, 68%)

#e8e00d

hsl(58, 89%, 48%)

#e5f886

hsl(70, 89%, 75%)

Palette de tons froids

Couleurs décalées vers l'extrémité froide du spectre (bleus, turquoises, violets) transmet le calme, le professionnalisme et la confiance.

#0e34f1

hsl(230, 89%, 50%)

#4434f3

hsl(245, 89%, 58%)

#0c62d9

hsl(215, 89%, 45%)

#565cf5

hsl(238, 89%, 65%)

#0a3fb7

hsl(222, 89%, 38%)

Palette de tons terreux

Bruns, olives et ocres peu saturés inspirés des paysages naturels parfaite pour les marques écologiques et l'esthétique rustique.

#9b9b4b

hsl(60, 35%, 45%)

#a3af6a

hsl(70, 30%, 55%)

#88813a

hsl(55, 40%, 38%)

#a6b686

hsl(80, 25%, 62%)

#a5ac53

hsl(65, 35%, 50%)

Palette néon vibrante

Couleurs à saturation maximale avec une intensité électrique conçue pour le marketing audacieux, les interfaces de jeux et les designs percutants.

#1a40ff

hsl(230, 100%, 55%)

#330aff

hsl(250, 100%, 52%)

#2994ff

hsl(210, 100%, 58%)

#7f06f9

hsl(270, 95%, 50%)

#15d4f9

hsl(190, 95%, 53%)

Palette vintage atténuée

Tons désaturés et légèrement chauds rappelant les impressions anciennes et la photographie rétro idéale pour les marques patrimoniales et l'esthétique nostalgique.

#7c87c1

hsl(230, 36%, 62%)

#9c8ac2

hsl(260, 31%, 65%)

#69a2bf

hsl(200, 40%, 58%)

#bc98c3

hsl(290, 27%, 68%)

#65b3a6

hsl(170, 34%, 55%)

Palette haut contraste

Gamme de luminosité extrême du quasi-noir au quasi-blanc avec la teinte de base excellente pour les designs accessibles et une forte hiérarchie visuelle.

#030a30

hsl(230, 89%, 10%)

#081f91

hsl(230, 89%, 30%)

#0e34f1

hsl(230, 89%, 50%)

#869af8

hsl(230, 89%, 75%)

#f3f4f6

hsl(230, 15%, 96%)

Palette dégradé coucher de soleil

Une rotation douce des teintes des tons chauds aux tons froids, imitant un coucher de soleil naturel idéale pour les sections hero, les arrière-plans et les projets créatifs.

#2648f3

hsl(230, 89%, 55%)

#6434f3

hsl(255, 89%, 58%)

#a917f2

hsl(280, 89%, 52%)

#e80dd6

hsl(305, 89%, 48%)

#d90c73

hsl(330, 89%, 45%)