Zucchini to Pastry Color Palette

About this palette

Zucchini to Pastry is a 5-color warm, earthy palette: #00482E (Zucchini), #A55904 (Brandy Bear), #B96AAD (Lavendless), #4FBBFF (Hello Summer), #F6DDBA (Pastry). It mixes green, brown, pink, blue, yellow tones and feels warm overall. The strongest text pairing is #00482E on #F6DDBA with a contrast ratio of 8.12:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Zucchini	rgb(0, 72, 46)	hsl(158, 100%, 14%)
Brandy Bear	rgb(165, 89, 4)	hsl(32, 95%, 33%)
Lavendless	rgb(185, 106, 173)	hsl(309, 36%, 57%)
Hello Summer	rgb(79, 187, 255)	hsl(203, 100%, 65%)
Pastry	rgb(246, 221, 186)	hsl(35, 77%, 85%)

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.

Aa8.12:1 Very good#00482E on #F6DDBA
Aa8.12:1 Very good#F6DDBA on #00482E
Aa5.03:1 Good#00482E on #4FBBFF
Aa5.03:1 Good#4FBBFF on #00482E
Aa3.96:1 Poor#A55904 on #F6DDBA
Aa3.96:1 Poor#F6DDBA on #A55904

Color blindness preview

CSS variables

/* Zucchini to Pastry — https://swatchly.xyz/palette/00482e-a55904-b96aad-4fbbff-f6ddba */
:root {
  --zucchini: #00482e;
  --brandy-bear: #a55904;
  --lavendless: #b96aad;
  --hello-summer: #4fbbff;
  --pastry: #f6ddba;
}

Tailwind CSS v4

/* Zucchini to Pastry — https://swatchly.xyz/palette/00482e-a55904-b96aad-4fbbff-f6ddba */
@theme {
  --color-zucchini: #00482e;
  --color-zucchini-50: #ddffec;
  --color-zucchini-100: #d0f6e1;
  --color-zucchini-200: #b6e4cb;
  --color-zucchini-300: #99ceb2;
  --color-zucchini-400: #73ae90;
  --color-zucchini-500: #559173;
  --color-zucchini-600: #3a7559;
  --color-zucchini-700: #265c43;
  --color-zucchini-800: #00482e;
  --color-zucchini-900: #0e3624;
  --color-zucchini-950: #052115;
  --color-brandy-bear: #a55904;
  --color-brandy-bear-50: #fff2ea;
  --color-brandy-bear-100: #ffe7d5;
  --color-brandy-bear-200: #ffcea9;
  --color-brandy-bear-300: #f8b17b;
  --color-brandy-bear-400: #dd9051;
  --color-brandy-bear-500: #c2732e;
  --color-brandy-bear-600: #a55904;
  --color-brandy-bear-700: #844600;
  --color-brandy-bear-800: #683600;
  --color-brandy-bear-900: #512800;
  --color-brandy-bear-950: #341800;
  --color-lavendless: #b96aad;
  --color-lavendless-50: #fff1fc;
  --color-lavendless-100: #ffe3f9;
  --color-lavendless-200: #ffc4f4;
  --color-lavendless-300: #efa9e3;
  --color-lavendless-400: #d487c7;
  --color-lavendless-500: #b96aad;
  --color-lavendless-600: #9b4f90;
  --color-lavendless-700: #7f3975;
  --color-lavendless-800: #66295e;
  --color-lavendless-900: #501c4a;
  --color-lavendless-950: #340f2f;
  --color-hello-summer: #4fbbff;
  --color-hello-summer-50: #f6fbff;
  --color-hello-summer-100: #e8f5ff;
  --color-hello-summer-200: #c6e7ff;
  --color-hello-summer-300: #9cd6ff;
  --color-hello-summer-400: #4fbbff;
  --color-hello-summer-500: #2b9cdd;
  --color-hello-summer-600: #007db8;
  --color-hello-summer-700: #006292;
  --color-hello-summer-800: #004c72;
  --color-hello-summer-900: #003957;
  --color-hello-summer-950: #002237;
  --color-pastry: #f6ddba;
  --color-pastry-50: #fffbf5;
  --color-pastry-100: #fff1de;
  --color-pastry-200: #f6ddba;
  --color-pastry-300: #dac5aa;
  --color-pastry-400: #baa484;
  --color-pastry-500: #9d8766;
  --color-pastry-600: #806b4b;
  --color-pastry-700: #675336;
  --color-pastry-800: #503f26;
  --color-pastry-900: #3e301b;
  --color-pastry-950: #281d0e;
}