Rapeseed to Gentle Caress Color Palette

About this palette

Rapeseed to Gentle Caress is a 4-color warm, earthy, vintage palette: #C79B00 (Rapeseed), #282503 (Lindworm Green), #8E4900 (Otterly Brown), #FFD6C2 (Gentle Caress). It mixes yellow, brown, orange tones and feels warm overall. The strongest text pairing is #282503 on #FFD6C2 with a contrast ratio of 11.54:1, and 3 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Rapeseed	rgb(199, 155, 0)	hsl(47, 100%, 39%)
Lindworm Green	rgb(40, 37, 3)	hsl(55, 86%, 8%)
Otterly Brown	rgb(142, 73, 0)	hsl(31, 100%, 28%)
Gentle Caress	rgb(255, 214, 194)	hsl(20, 100%, 88%)

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.

Aa11.54:1 Very good#282503 on #FFD6C2
Aa11.54:1 Very good#FFD6C2 on #282503
Aa5.99:1 Good#C79B00 on #282503
Aa5.99:1 Good#282503 on #C79B00
Aa5.04:1 Good#8E4900 on #FFD6C2
Aa5.04:1 Good#FFD6C2 on #8E4900

Color blindness preview

CSS variables

/* Rapeseed to Gentle Caress — https://swatchly.xyz/palette/c79b00-282503-8e4900-ffd6c2 */
:root {
  --rapeseed: #c79b00;
  --lindworm-green: #282503;
  --otterly-brown: #8e4900;
  --gentle-caress: #ffd6c2;
}

Tailwind CSS v4

/* Rapeseed to Gentle Caress — https://swatchly.xyz/palette/c79b00-282503-8e4900-ffd6c2 */
@theme {
  --color-rapeseed: #c79b00;
  --color-rapeseed-50: #fff4db;
  --color-rapeseed-100: #ffe9b5;
  --color-rapeseed-200: #f5d482;
  --color-rapeseed-300: #e2bc5b;
  --color-rapeseed-400: #c79b00;
  --color-rapeseed-500: #a68100;
  --color-rapeseed-600: #866700;
  --color-rapeseed-700: #6a5200;
  --color-rapeseed-800: #543f00;
  --color-rapeseed-900: #413000;
  --color-rapeseed-950: #291d00;
  --color-lindworm-green: #282503;
  --color-lindworm-green-50: #f8f7e1;
  --color-lindworm-green-100: #eeedd5;
  --color-lindworm-green-200: #dbd9bd;
  --color-lindworm-green-300: #c5c3a3;
  --color-lindworm-green-400: #a6a480;
  --color-lindworm-green-500: #8c8965;
  --color-lindworm-green-600: #72704d;
  --color-lindworm-green-700: #5c5a3a;
  --color-lindworm-green-800: #49472b;
  --color-lindworm-green-900: #3a3820;
  --color-lindworm-green-950: #282503;
  --color-otterly-brown: #8e4900;
  --color-otterly-brown-50: #fff2ea;
  --color-otterly-brown-100: #ffe6d4;
  --color-otterly-brown-200: #ffceab;
  --color-otterly-brown-300: #f6b485;
  --color-otterly-brown-400: #db945e;
  --color-otterly-brown-500: #c17840;
  --color-otterly-brown-600: #a65f24;
  --color-otterly-brown-700: #8e4900;
  --color-otterly-brown-800: #703800;
  --color-otterly-brown-900: #572a00;
  --color-otterly-brown-950: #391900;
  --color-gentle-caress: #ffd6c2;
  --color-gentle-caress-50: #fffaf7;
  --color-gentle-caress-100: #ffeee7;
  --color-gentle-caress-200: #ffd6c2;
  --color-gentle-caress-300: #e1c0b0;
  --color-gentle-caress-400: #c29e8c;
  --color-gentle-caress-500: #a6816e;
  --color-gentle-caress-600: #886554;
  --color-gentle-caress-700: #6e4e3e;
  --color-gentle-caress-800: #563b2d;
  --color-gentle-caress-900: #442d21;
  --color-gentle-caress-950: #2b1b12;
}