Homegrown to Your Majesty color palette

6A894EHomegrown B080D3Wisteria C7A0F7Diva 364A26Palm Leaf C0E2A0Basil Smash 605175Your Majesty

About this palette

Homegrown to Your Majesty is a 6-color cool palette: #6A894E (Homegrown), #B080D3 (Wisteria), #C7A0F7 (Diva), #364A26 (Palm Leaf), #C0E2A0 (Basil Smash), #605175 (Your Majesty). It mixes green, purple tones and feels cool overall. The strongest text pairing is #364A26 on #C0E2A0 with a contrast ratio of 6.76:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Homegrown	rgb(106, 137, 78)	hsl(92, 27%, 42%)
Wisteria	rgb(176, 128, 211)	hsl(275, 49%, 66%)
Diva	rgb(199, 160, 247)	hsl(267, 84%, 80%)
Palm Leaf	rgb(54, 74, 38)	hsl(93, 32%, 22%)
Basil Smash	rgb(192, 226, 160)	hsl(91, 53%, 76%)
Your Majesty	rgb(96, 81, 117)	hsl(265, 18%, 39%)

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.

Aa6.76:1 Good#364A26 on #C0E2A0
Aa6.76:1 Good#C0E2A0 on #364A26
Aa4.99:1 Good#C0E2A0 on #605175
Aa4.99:1 Good#605175 on #C0E2A0
Aa4.53:1 Good#C7A0F7 on #364A26
Aa4.53:1 Good#364A26 on #C7A0F7
Aa3.34:1 Poor#C7A0F7 on #605175
Aa3.34:1 Poor#605175 on #C7A0F7

Color blindness preview

CSS variables

/* Homegrown to Your Majesty — https://swatchly.xyz/palette/6a894e-b080d3-c7a0f7-364a26-c0e2a0-605175 */
:root {
  --homegrown: #6a894e;
  --wisteria: #b080d3;
  --diva: #c7a0f7;
  --palm-leaf: #364a26;
  --basil-smash: #c0e2a0;
  --your-majesty: #605175;
}

Tailwind CSS v4

/* Homegrown to Your Majesty — https://swatchly.xyz/palette/6a894e-b080d3-c7a0f7-364a26-c0e2a0-605175 */
@theme {
  --color-homegrown: #6a894e;
  --color-homegrown-50: #e7fbd8;
  --color-homegrown-100: #daf1c8;
  --color-homegrown-200: #c3ddad;
  --color-homegrown-300: #a9c690;
  --color-homegrown-400: #86a66b;
  --color-homegrown-500: #6a894e;
  --color-homegrown-600: #526f37;
  --color-homegrown-700: #3f5926;
  --color-homegrown-800: #304619;
  --color-homegrown-900: #243710;
  --color-homegrown-950: #152307;
  --color-wisteria: #b080d3;
  --color-wisteria-50: #f7edff;
  --color-wisteria-100: #f0deff;
  --color-wisteria-200: #e3c0ff;
  --color-wisteria-300: #cfa4f0;
  --color-wisteria-400: #b080d3;
  --color-wisteria-500: #9666b7;
  --color-wisteria-600: #7c4e9b;
  --color-wisteria-700: #643b80;
  --color-wisteria-800: #512c69;
  --color-wisteria-900: #402155;
  --color-wisteria-950: #2a1339;
  --color-diva: #c7a0f7;
  --color-diva-50: #f3ebff;
  --color-diva-100: #eadbff;
  --color-diva-200: #dbbfff;
  --color-diva-300: #c7a0f7;
  --color-diva-400: #a983d6;
  --color-diva-500: #906abc;
  --color-diva-600: #76529f;
  --color-diva-700: #603e85;
  --color-diva-800: #4d2f6d;
  --color-diva-900: #3e2459;
  --color-diva-950: #27143b;
  --color-palm-leaf: #364a26;
  --color-palm-leaf-50: #edfbe3;
  --color-palm-leaf-100: #e2f1d7;
  --color-palm-leaf-200: #ccdfbf;
  --color-palm-leaf-300: #b4c9a6;
  --color-palm-leaf-400: #94aa84;
  --color-palm-leaf-500: #788f68;
  --color-palm-leaf-600: #5f744f;
  --color-palm-leaf-700: #495d3b;
  --color-palm-leaf-800: #364a26;
  --color-palm-leaf-900: #2a381f;
  --color-palm-leaf-950: #192311;
  --color-basil-smash: #c0e2a0;
  --color-basil-smash-50: #e7fbd6;
  --color-basil-smash-100: #dcf2c8;
  --color-basil-smash-200: #c0e2a0;
  --color-basil-smash-300: #adca92;
  --color-basil-smash-400: #8dac6f;
  --color-basil-smash-500: #729152;
  --color-basil-smash-600: #59763a;
  --color-basil-smash-700: #445e27;
  --color-basil-smash-800: #344b19;
  --color-basil-smash-900: #263a0f;
  --color-basil-smash-950: #162406;
  --color-your-majesty: #605175;
  --color-your-majesty-50: #f7f3ff;
  --color-your-majesty-100: #f0e6ff;
  --color-your-majesty-200: #ded2f1;
  --color-your-majesty-300: #c9bbde;
  --color-your-majesty-400: #ab9bc2;
  --color-your-majesty-500: #9081a7;
  --color-your-majesty-600: #76678c;
  --color-your-majesty-700: #605175;
  --color-your-majesty-800: #4b3f5c;
  --color-your-majesty-900: #3a2f49;
  --color-your-majesty-950: #241d2f;
}