Chocolate Castle to Silent Snowfall color palette

4A270FChocolate Castle 575600Ayahuasca Vine B06B3BBourbon C5AEE4Moonraker EBF6FFSilent Snowfall

About this palette

Chocolate Castle to Silent Snowfall is a 5-color warm, earthy, vintage palette: #4A270F (Chocolate Castle), #575600 (Ayahuasca Vine), #B06B3B (Bourbon), #C5AEE4 (Moonraker), #EBF6FF (Silent Snowfall). It mixes brown, orange, purple, white tones and feels warm overall. The strongest text pairing is #4A270F on #EBF6FF with a contrast ratio of 12.06:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Chocolate Castle	rgb(74, 39, 15)	hsl(24, 66%, 17%)
Ayahuasca Vine	rgb(87, 86, 0)	hsl(59, 100%, 17%)
Bourbon	rgb(176, 107, 59)	hsl(25, 50%, 46%)
Moonraker	rgb(197, 174, 228)	hsl(266, 50%, 79%)
Silent Snowfall	rgb(235, 246, 255)	hsl(207, 100%, 96%)

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.

Aa12.06:1 Super#4A270F on #EBF6FF
Aa12.06:1 Super#EBF6FF on #4A270F
Aa7.00:1 Very good#575600 on #EBF6FF
Aa7.00:1 Very good#EBF6FF on #575600
Aa6.64:1 Good#4A270F on #C5AEE4
Aa6.64:1 Good#C5AEE4 on #4A270F
Aa3.86:1 Poor#575600 on #C5AEE4
Aa3.86:1 Poor#C5AEE4 on #575600

Color blindness preview

CSS variables

/* Chocolate Castle to Silent Snowfall — https://swatchly.xyz/palette/4a270f-575600-b06b3b-c5aee4-ebf6ff */
:root {
  --chocolate-castle: #4a270f;
  --ayahuasca-vine: #575600;
  --bourbon: #b06b3b;
  --moonraker: #c5aee4;
  --silent-snowfall: #ebf6ff;
}

Tailwind CSS v4

/* Chocolate Castle to Silent Snowfall — https://swatchly.xyz/palette/4a270f-575600-b06b3b-c5aee4-ebf6ff */
@theme {
  --color-chocolate-castle: #4a270f;
  --color-chocolate-castle-50: #fff2eb;
  --color-chocolate-castle-100: #ffe5d6;
  --color-chocolate-castle-200: #f2d0bc;
  --color-chocolate-castle-300: #deb8a1;
  --color-chocolate-castle-400: #c1977e;
  --color-chocolate-castle-500: #a57b62;
  --color-chocolate-castle-600: #886149;
  --color-chocolate-castle-700: #6e4b35;
  --color-chocolate-castle-800: #573926;
  --color-chocolate-castle-900: #4a270f;
  --color-chocolate-castle-950: #2b190e;
  --color-ayahuasca-vine: #575600;
  --color-ayahuasca-vine-50: #f7f9d1;
  --color-ayahuasca-vine-100: #eeefc2;
  --color-ayahuasca-vine-200: #dadba5;
  --color-ayahuasca-vine-300: #c4c586;
  --color-ayahuasca-vine-400: #a4a55f;
  --color-ayahuasca-vine-500: #898940;
  --color-ayahuasca-vine-600: #6e6d25;
  --color-ayahuasca-vine-700: #575600;
  --color-ayahuasca-vine-800: #444303;
  --color-ayahuasca-vine-900: #343300;
  --color-ayahuasca-vine-950: #202000;
  --color-bourbon: #b06b3b;
  --color-bourbon-50: #fff1e8;
  --color-bourbon-100: #ffe2d0;
  --color-bourbon-200: #ffc5a0;
  --color-bourbon-300: #ecab81;
  --color-bourbon-400: #ce885a;
  --color-bourbon-500: #b06b3b;
  --color-bourbon-600: #935323;
  --color-bourbon-700: #793f11;
  --color-bourbon-800: #622f04;
  --color-bourbon-900: #4e2300;
  --color-bourbon-950: #331500;
  --color-moonraker: #c5aee4;
  --color-moonraker-50: #f5eeff;
  --color-moonraker-100: #ede0ff;
  --color-moonraker-200: #dac8f3;
  --color-moonraker-300: #c5aee4;
  --color-moonraker-400: #a690c3;
  --color-moonraker-500: #8c76a9;
  --color-moonraker-600: #725d8d;
  --color-moonraker-700: #5c4974;
  --color-moonraker-800: #49385e;
  --color-moonraker-900: #392b4b;
  --color-moonraker-950: #241931;
  --color-silent-snowfall: #ebf6ff;
  --color-silent-snowfall-50: #ebf6ff;
  --color-silent-snowfall-100: #e5ebf1;
  --color-silent-snowfall-200: #d0d8df;
  --color-silent-snowfall-300: #b9c2c9;
  --color-silent-snowfall-400: #99a3ab;
  --color-silent-snowfall-500: #7e8790;
  --color-silent-snowfall-600: #646d75;
  --color-silent-snowfall-700: #4e575d;
  --color-silent-snowfall-800: #3c4349;
  --color-silent-snowfall-900: #2d3439;
  --color-silent-snowfall-950: #1b2024;
}