Pesto Alla Genovese to Shimmering Love color palette

5A8A00Pesto Alla Genovese 007DDESoothing Sapphire C68F00Moutarde de Bénichon BBAA00Muddy Yellow FF8AC1Shimmering Love

Open in generator Export PNG, PDF, ASE…

About this palette

Pesto Alla Genovese to Shimmering Love is a 5-color vibrant, warm palette: #5A8A00 (Pesto Alla Genovese), #007DDE (Soothing Sapphire), #C68F00 (Moutarde de Bénichon), #BBAA00 (Muddy Yellow), #FF8AC1 (Shimmering Love). It mixes green, blue, yellow, pink tones and feels warm overall. The strongest text pairing is #007DDE on #FF8AC1 with a contrast ratio of 1.94:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Pesto Alla Genovese	rgb(90, 138, 0)	hsl(81, 100%, 27%)
Soothing Sapphire	rgb(0, 125, 222)	hsl(206, 100%, 44%)
Moutarde de Bénichon	rgb(198, 143, 0)	hsl(43, 100%, 39%)
Muddy Yellow	rgb(187, 170, 0)	hsl(55, 100%, 37%)
Shimmering Love	rgb(255, 138, 193)	hsl(332, 100%, 77%)

Accessible color pairs

Pairs with at least 3:1 contrast (large text and UI components); 4.5:1 or more passes WCAG AA for body text.

Color blindness preview

CSS variables

/* Pesto Alla Genovese to Shimmering Love — https://swatchly.xyz/palette/5a8a00-007dde-c68f00-bbaa00-ff8ac1 */
:root {
  --pesto-alla-genovese: #5a8a00;
  --soothing-sapphire: #007dde;
  --moutarde-de-b-nichon: #c68f00;
  --muddy-yellow: #bbaa00;
  --shimmering-love: #ff8ac1;
}

Tailwind CSS v4

/* Pesto Alla Genovese to Shimmering Love — https://swatchly.xyz/palette/5a8a00-007dde-c68f00-bbaa00-ff8ac1 */
@theme {
  --color-pesto-alla-genovese: #5a8a00;
  --color-pesto-alla-genovese-50: #e0ffc2;
  --color-pesto-alla-genovese-100: #d1f4ad;
  --color-pesto-alla-genovese-200: #b7e18b;
  --color-pesto-alla-genovese-300: #9ac966;
  --color-pesto-alla-genovese-400: #77a837;
  --color-pesto-alla-genovese-500: #5a8a00;
  --color-pesto-alla-genovese-600: #486f00;
  --color-pesto-alla-genovese-700: #385900;
  --color-pesto-alla-genovese-800: #2b4600;
  --color-pesto-alla-genovese-900: #213700;
  --color-pesto-alla-genovese-950: #132300;
  --color-soothing-sapphire: #007dde;
  --color-soothing-sapphire-50: #ebf4ff;
  --color-soothing-sapphire-100: #d7eaff;
  --color-soothing-sapphire-200: #b1d6ff;
  --color-soothing-sapphire-300: #83beff;
  --color-soothing-sapphire-400: #399cfd;
  --color-soothing-sapphire-500: #007dde;
  --color-soothing-sapphire-600: #0064b4;
  --color-soothing-sapphire-700: #005091;
  --color-soothing-sapphire-800: #003e74;
  --color-soothing-sapphire-900: #00305c;
  --color-soothing-sapphire-950: #001e3d;
  --color-moutarde-de-b-nichon: #c68f00;
  --color-moutarde-de-b-nichon-50: #fff1d8;
  --color-moutarde-de-b-nichon-100: #ffe3b3;
  --color-moutarde-de-b-nichon-200: #f7cb7c;
  --color-moutarde-de-b-nichon-300: #e3b254;
  --color-moutarde-de-b-nichon-400: #c68f00;
  --color-moutarde-de-b-nichon-500: #a57700;
  --color-moutarde-de-b-nichon-600: #865f00;
  --color-moutarde-de-b-nichon-700: #6b4c00;
  --color-moutarde-de-b-nichon-800: #553b00;
  --color-moutarde-de-b-nichon-900: #432e00;
  --color-moutarde-de-b-nichon-950: #2b1c00;
  --color-muddy-yellow: #bbaa00;
  --color-muddy-yellow-50: #fffaca;
  --color-muddy-yellow-100: #faf2aa;
  --color-muddy-yellow-200: #eadf87;
  --color-muddy-yellow-300: #d6c960;
  --color-muddy-yellow-400: #bbaa00;
  --color-muddy-yellow-500: #9b8d00;
  --color-muddy-yellow-600: #7d7100;
  --color-muddy-yellow-700: #635900;
  --color-muddy-yellow-800: #4d4500;
  --color-muddy-yellow-900: #3b3400;
  --color-muddy-yellow-950: #242000;
  --color-shimmering-love: #ff8ac1;
  --color-shimmering-love-50: #ffe9f1;
  --color-shimmering-love-100: #ffd7e7;
  --color-shimmering-love-200: #ffb5d5;
  --color-shimmering-love-300: #ff8ac1;
  --color-shimmering-love-400: #dd6ea3;
  --color-shimmering-love-500: #c15289;
  --color-shimmering-love-600: #a33a70;
  --color-shimmering-love-700: #88275b;
  --color-shimmering-love-800: #6f1948;
  --color-shimmering-love-900: #5a0f39;
  --color-shimmering-love-950: #3b0624;
}