Turnip Crown to Brisket Color Palette

About this palette

Turnip Crown to Brisket is a 4-color muted palette: #B79FC7 (Turnip Crown), #061D21 (Black Stallion), #DEF7C1 (Green Glint), #704333 (Brisket). It mixes purple, black, green, brown tones and feels cool overall. The strongest text pairing is #061D21 on #DEF7C1 with a contrast ratio of 15.08:1, and 3 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Turnip Crown	rgb(183, 159, 199)	hsl(276, 26%, 70%)
Black Stallion	rgb(6, 29, 33)	hsl(189, 69%, 8%)
Green Glint	rgb(222, 247, 193)	hsl(88, 77%, 86%)
Brisket	rgb(112, 67, 51)	hsl(16, 37%, 32%)

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.

Aa15.08:1 Super#061D21 on #DEF7C1
Aa15.08:1 Super#DEF7C1 on #061D21
Aa7.30:1 Very good#B79FC7 on #061D21
Aa7.30:1 Very good#061D21 on #B79FC7
Aa7.16:1 Very good#DEF7C1 on #704333
Aa7.16:1 Very good#704333 on #DEF7C1
Aa3.46:1 Poor#B79FC7 on #704333
Aa3.46:1 Poor#704333 on #B79FC7

Color blindness preview

CSS variables

/* Turnip Crown to Brisket — https://swatchly.xyz/palette/b79fc7-061d21-def7c1-704333 */
:root {
  --turnip-crown: #b79fc7;
  --black-stallion: #061d21;
  --green-glint: #def7c1;
  --brisket: #704333;
}

Tailwind CSS v4

/* Turnip Crown to Brisket — https://swatchly.xyz/palette/b79fc7-061d21-def7c1-704333 */
@theme {
  --color-turnip-crown: #b79fc7;
  --color-turnip-crown-50: #fbf6ff;
  --color-turnip-crown-100: #f6eaff;
  --color-turnip-crown-200: #e7d6f3;
  --color-turnip-crown-300: #d3bfe1;
  --color-turnip-crown-400: #b79fc7;
  --color-turnip-crown-500: #9982a9;
  --color-turnip-crown-600: #7d678c;
  --color-turnip-crown-700: #645071;
  --color-turnip-crown-800: #4e3c5a;
  --color-turnip-crown-900: #3c2d45;
  --color-turnip-crown-950: #251a2c;
  --color-black-stallion: #061d21;
  --color-black-stallion-50: #e9f8fb;
  --color-black-stallion-100: #deeff2;
  --color-black-stallion-200: #c8dce0;
  --color-black-stallion-300: #afc6ca;
  --color-black-stallion-400: #8ea7ac;
  --color-black-stallion-500: #718a8f;
  --color-black-stallion-600: #566e73;
  --color-black-stallion-700: #40565a;
  --color-black-stallion-800: #2f4245;
  --color-black-stallion-900: #213033;
  --color-black-stallion-950: #061d21;
  --color-green-glint: #def7c1;
  --color-green-glint-50: #eefcdf;
  --color-green-glint-100: #def7c1;
  --color-green-glint-200: #cee0b9;
  --color-green-glint-300: #b6ca9e;
  --color-green-glint-400: #95ab7b;
  --color-green-glint-500: #79905e;
  --color-green-glint-600: #5f7445;
  --color-green-glint-700: #4a5d31;
  --color-green-glint-800: #384922;
  --color-green-glint-900: #2a3818;
  --color-green-glint-950: #19230b;
  --color-brisket: #704333;
  --color-brisket-50: #fff2ed;
  --color-brisket-100: #ffe5dc;
  --color-brisket-200: #f5ccbe;
  --color-brisket-300: #e1b3a3;
  --color-brisket-400: #c39180;
  --color-brisket-500: #a67564;
  --color-brisket-600: #885a4a;
  --color-brisket-700: #704333;
  --color-brisket-800: #573428;
  --color-brisket-900: #45271c;
  --color-brisket-950: #2c170f;
}