Bleached Sunflower to Wasabi Nori color palette

FFE6A4Bleached Sunflower C9C148Salsa Verde 83A54FLime It or Leave It 227C4AWoodland Soul 2C350CWasabi Nori

Open in generator Export PNG, PDF, ASE…

About this palette

Bleached Sunflower to Wasabi Nori is a 5-color cool, earthy, gradient palette: #FFE6A4 (Bleached Sunflower), #C9C148 (Salsa Verde), #83A54F (Lime It or Leave It), #227C4A (Woodland Soul), #2C350C (Wasabi Nori). It mixes yellow, green tones and feels cool overall. The strongest text pairing is #FFE6A4 on #2C350C with a contrast ratio of 10.55:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Bleached Sunflower	rgb(255, 230, 164)	hsl(44, 100%, 82%)
Salsa Verde	rgb(201, 193, 72)	hsl(56, 54%, 54%)
Lime It or Leave It	rgb(131, 165, 79)	hsl(84, 35%, 48%)
Woodland Soul	rgb(34, 124, 74)	hsl(147, 57%, 31%)
Wasabi Nori	rgb(44, 53, 12)	hsl(73, 63%, 13%)

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.

Aa10.55:1 Very good#FFE6A4 on #2C350C
Aa10.55:1 Very good#2C350C on #FFE6A4
Aa6.91:1 Good#C9C148 on #2C350C
Aa6.91:1 Good#2C350C on #C9C148
Aa4.60:1 Good#83A54F on #2C350C
Aa4.60:1 Good#2C350C on #83A54F
Aa4.22:1 Poor#FFE6A4 on #227C4A
Aa4.22:1 Poor#227C4A on #FFE6A4

Color blindness preview

CSS variables

/* Bleached Sunflower to Wasabi Nori — https://swatchly.xyz/palette/ffe6a4-c9c148-83a54f-227c4a-2c350c */
:root {
  --bleached-sunflower: #ffe6a4;
  --salsa-verde: #c9c148;
  --lime-it-or-leave-it: #83a54f;
  --woodland-soul: #227c4a;
  --wasabi-nori: #2c350c;
}

Tailwind CSS v4

/* Bleached Sunflower to Wasabi Nori — https://swatchly.xyz/palette/ffe6a4-c9c148-83a54f-227c4a-2c350c */
@theme {
  --color-bleached-sunflower: #ffe6a4;
  --color-bleached-sunflower-50: #fff2cf;
  --color-bleached-sunflower-100: #ffe6a4;
  --color-bleached-sunflower-200: #e6d4a3;
  --color-bleached-sunflower-300: #d2bd86;
  --color-bleached-sunflower-400: #b59e61;
  --color-bleached-sunflower-500: #9a8343;
  --color-bleached-sunflower-600: #7f6929;
  --color-bleached-sunflower-700: #675316;
  --color-bleached-sunflower-800: #524007;
  --color-bleached-sunflower-900: #403100;
  --color-bleached-sunflower-950: #281e00;
  --color-salsa-verde: #c9c148;
  --color-salsa-verde-50: #faf7b8;
  --color-salsa-verde-100: #f0eca6;
  --color-salsa-verde-200: #ddd883;
  --color-salsa-verde-300: #c9c148;
  --color-salsa-verde-400: #aaa228;
  --color-salsa-verde-500: #8f8700;
  --color-salsa-verde-600: #736d00;
  --color-salsa-verde-700: #5c5600;
  --color-salsa-verde-800: #484400;
  --color-salsa-verde-900: #383400;
  --color-salsa-verde-950: #232000;
  --color-lime-it-or-leave-it: #83a54f;
  --color-lime-it-or-leave-it-50: #e5fbc9;
  --color-lime-it-or-leave-it-100: #d7f0b8;
  --color-lime-it-or-leave-it-200: #c0dc99;
  --color-lime-it-or-leave-it-300: #a5c579;
  --color-lime-it-or-leave-it-400: #83a54f;
  --color-lime-it-or-leave-it-500: #6a8b34;
  --color-lime-it-or-leave-it-600: #53711b;
  --color-lime-it-or-leave-it-700: #405b05;
  --color-lime-it-or-leave-it-800: #314800;
  --color-lime-it-or-leave-it-900: #263800;
  --color-lime-it-or-leave-it-950: #172400;
  --color-woodland-soul: #227c4a;
  --color-woodland-soul-50: #deffe7;
  --color-woodland-soul-100: #c6fad6;
  --color-woodland-soul-200: #aae8bd;
  --color-woodland-soul-300: #8bd3a3;
  --color-woodland-soul-400: #63b480;
  --color-woodland-soul-500: #429864;
  --color-woodland-soul-600: #227c4a;
  --color-woodland-soul-700: #0d6437;
  --color-woodland-soul-800: #004f29;
  --color-woodland-soul-900: #003d1e;
  --color-woodland-soul-950: #002611;
  --color-wasabi-nori: #2c350c;
  --color-wasabi-nori-50: #f1f9e0;
  --color-wasabi-nori-100: #e7f0d3;
  --color-wasabi-nori-200: #d3ddbb;
  --color-wasabi-nori-300: #bcc7a0;
  --color-wasabi-nori-400: #9ba77d;
  --color-wasabi-nori-500: #808b61;
  --color-wasabi-nori-600: #657047;
  --color-wasabi-nori-700: #4f5934;
  --color-wasabi-nori-800: #3c4524;
  --color-wasabi-nori-900: #2c350c;
  --color-wasabi-nori-950: #1b200d;
}