Peru to Sappanwood Color Palette

About this palette

Peru to Sappanwood is a 5-color warm, vintage palette: #CE8537 (Peru), #F8B3C2 (Love Spell), #FFE6E3 (Pink Swirl), #521A32 (Drops of God), #A04040 (Sappanwood). It mixes orange, pink, white, red tones and feels warm overall. The strongest text pairing is #FFE6E3 on #521A32 with a contrast ratio of 11.39:1, and 4 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Peru	rgb(206, 133, 55)	hsl(31, 61%, 51%)
Love Spell	rgb(248, 179, 194)	hsl(347, 83%, 84%)
Pink Swirl	rgb(255, 230, 227)	hsl(6, 100%, 95%)
Drops of God	rgb(82, 26, 50)	hsl(334, 52%, 21%)
Sappanwood	rgb(160, 64, 64)	hsl(0, 43%, 44%)

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.39:1 Very good#FFE6E3 on #521A32
Aa11.39:1 Very good#521A32 on #FFE6E3
Aa7.87:1 Very good#F8B3C2 on #521A32
Aa7.87:1 Very good#521A32 on #F8B3C2
Aa5.35:1 Good#FFE6E3 on #A04040
Aa5.35:1 Good#A04040 on #FFE6E3
Aa4.53:1 Good#CE8537 on #521A32
Aa4.53:1 Good#521A32 on #CE8537

Color blindness preview

CSS variables

/* Peru to Sappanwood — https://swatchly.xyz/palette/ce8537-f8b3c2-ffe6e3-521a32-a04040 */
:root {
  --peru: #ce8537;
  --love-spell: #f8b3c2;
  --pink-swirl: #ffe6e3;
  --drops-of-god: #521a32;
  --sappanwood: #a04040;
}

Tailwind CSS v4

/* Peru to Sappanwood — https://swatchly.xyz/palette/ce8537-f8b3c2-ffe6e3-521a32-a04040 */
@theme {
  --color-peru: #ce8537;
  --color-peru-50: #ffeee0;
  --color-peru-100: #ffe0c3;
  --color-peru-200: #ffc38b;
  --color-peru-300: #eca968;
  --color-peru-400: #ce8537;
  --color-peru-500: #b26b14;
  --color-peru-600: #925500;
  --color-peru-700: #764300;
  --color-peru-800: #5d3400;
  --color-peru-900: #4a2800;
  --color-peru-950: #311900;
  --color-love-spell: #f8b3c2;
  --color-love-spell-50: #fff7f8;
  --color-love-spell-100: #ffebef;
  --color-love-spell-200: #ffd0da;
  --color-love-spell-300: #f8b3c2;
  --color-love-spell-400: #d394a2;
  --color-love-spell-500: #b67685;
  --color-love-spell-600: #975b69;
  --color-love-spell-700: #7b4452;
  --color-love-spell-800: #62333f;
  --color-love-spell-900: #4c252f;
  --color-love-spell-950: #31151c;
  --color-pink-swirl: #ffe6e3;
  --color-pink-swirl-50: #fff3f2;
  --color-pink-swirl-100: #ffe6e3;
  --color-pink-swirl-200: #e6d4d2;
  --color-pink-swirl-300: #d1bcba;
  --color-pink-swirl-400: #b29c9a;
  --color-pink-swirl-500: #97817e;
  --color-pink-swirl-600: #7b6664;
  --color-pink-swirl-700: #63504e;
  --color-pink-swirl-800: #4e3e3c;
  --color-pink-swirl-900: #3d2f2d;
  --color-pink-swirl-950: #261c1b;
  --color-drops-of-god: #521a32;
  --color-drops-of-god-50: #fff1f5;
  --color-drops-of-god-100: #ffe2eb;
  --color-drops-of-god-200: #fcc6d8;
  --color-drops-of-god-300: #eaadc2;
  --color-drops-of-god-400: #cc8ba2;
  --color-drops-of-god-500: #b06f86;
  --color-drops-of-god-600: #92556c;
  --color-drops-of-god-700: #774055;
  --color-drops-of-god-800: #5f2f42;
  --color-drops-of-god-900: #521a32;
  --color-drops-of-god-950: #30131e;
  --color-sappanwood: #a04040;
  --color-sappanwood-50: #fff2f0;
  --color-sappanwood-100: #ffe2e0;
  --color-sappanwood-200: #ffc3bf;
  --color-sappanwood-300: #fc9f9b;
  --color-sappanwood-400: #de7a77;
  --color-sappanwood-500: #c05c5a;
  --color-sappanwood-600: #a04040;
  --color-sappanwood-700: #822f30;
  --color-sappanwood-800: #6a2122;
  --color-sappanwood-900: #541718;
  --color-sappanwood-950: #380b0c;
}