Peas Please to Pineapple color palette

8E7E29Peas Please 230F09Italian Roast EB9579Kindleflame FFF2DBMalibu Sun 563C1APineapple

About this palette

Peas Please to Pineapple is a 5-color warm, vintage palette: #8E7E29 (Peas Please), #230F09 (Italian Roast), #EB9579 (Kindleflame), #FFF2DB (Malibu Sun), #563C1A (Pineapple). It mixes yellow, black, red, white, brown tones and feels warm overall. The strongest text pairing is #230F09 on #FFF2DB with a contrast ratio of 16.59:1, and 4 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Peas Please	rgb(142, 126, 41)	hsl(50, 55%, 36%)
Italian Roast	rgb(35, 15, 9)	hsl(14, 59%, 9%)
Kindleflame	rgb(235, 149, 121)	hsl(15, 74%, 70%)
Malibu Sun	rgb(255, 242, 219)	hsl(38, 100%, 93%)
Pineapple	rgb(86, 60, 26)	hsl(34, 54%, 22%)

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.

Aa16.59:1 Super#230F09 on #FFF2DB
Aa16.59:1 Super#FFF2DB on #230F09
Aa9.23:1 Very good#FFF2DB on #563C1A
Aa9.23:1 Very good#563C1A on #FFF2DB
Aa7.96:1 Very good#230F09 on #EB9579
Aa7.96:1 Very good#EB9579 on #230F09
Aa4.52:1 Good#8E7E29 on #230F09
Aa4.52:1 Good#230F09 on #8E7E29

Color blindness preview

CSS variables

/* Peas Please to Pineapple — https://swatchly.xyz/palette/8e7e29-230f09-eb9579-fff2db-563c1a */
:root {
  --peas-please: #8e7e29;
  --italian-roast: #230f09;
  --kindleflame: #eb9579;
  --malibu-sun: #fff2db;
  --pineapple: #563c1a;
}

Tailwind CSS v4

/* Peas Please to Pineapple — https://swatchly.xyz/palette/8e7e29-230f09-eb9579-fff2db-563c1a */
@theme {
  --color-peas-please: #8e7e29;
  --color-peas-please-50: #fdf5c8;
  --color-peas-please-100: #f3e9b6;
  --color-peas-please-200: #e0d497;
  --color-peas-please-300: #cabc75;
  --color-peas-please-400: #ab9b4b;
  --color-peas-please-500: #8e7e29;
  --color-peas-please-600: #746509;
  --color-peas-please-700: #5d5000;
  --color-peas-please-800: #493f00;
  --color-peas-please-900: #393000;
  --color-peas-please-950: #241e00;
  --color-italian-roast: #230f09;
  --color-italian-roast-50: #fff2ee;
  --color-italian-roast-100: #f9e6e1;
  --color-italian-roast-200: #e8d2cb;
  --color-italian-roast-300: #d4bbb3;
  --color-italian-roast-400: #b69b92;
  --color-italian-roast-500: #987d75;
  --color-italian-roast-600: #7a6159;
  --color-italian-roast-700: #604943;
  --color-italian-roast-800: #483630;
  --color-italian-roast-900: #352621;
  --color-italian-roast-950: #230f09;
  --color-kindleflame: #eb9579;
  --color-kindleflame-50: #fff8f6;
  --color-kindleflame-100: #ffeee8;
  --color-kindleflame-200: #ffd6c9;
  --color-kindleflame-300: #ffb9a2;
  --color-kindleflame-400: #eb9579;
  --color-kindleflame-500: #ca775d;
  --color-kindleflame-600: #aa5a40;
  --color-kindleflame-700: #8b432b;
  --color-kindleflame-800: #70301b;
  --color-kindleflame-900: #572210;
  --color-kindleflame-950: #371206;
  --color-malibu-sun: #fff2db;
  --color-malibu-sun-50: #fff2db;
  --color-malibu-sun-100: #f1e9db;
  --color-malibu-sun-200: #dfd5c5;
  --color-malibu-sun-300: #c9bfac;
  --color-malibu-sun-400: #aba08b;
  --color-malibu-sun-500: #908470;
  --color-malibu-sun-600: #756a57;
  --color-malibu-sun-700: #5e5442;
  --color-malibu-sun-800: #4a4131;
  --color-malibu-sun-900: #393225;
  --color-malibu-sun-950: #241e15;
  --color-pineapple: #563c1a;
  --color-pineapple-50: #fff3e5;
  --color-pineapple-100: #fce8d0;
  --color-pineapple-200: #ebd3b8;
  --color-pineapple-300: #d7bc9d;
  --color-pineapple-400: #b99c79;
  --color-pineapple-500: #9d805d;
  --color-pineapple-600: #816644;
  --color-pineapple-700: #695031;
  --color-pineapple-800: #563c1a;
  --color-pineapple-900: #412e17;
  --color-pineapple-950: #291c0b;
}