Reptile Revenge to Mascarpone color palette

5A5A36Reptile Revenge 936E82Fruit of Passion 1E1D26Inkwell Inception 9BB9ABTreetop EBE7D6Mascarpone

About this palette

Reptile Revenge to Mascarpone is a 5-color muted palette: #5A5A36 (Reptile Revenge), #936E82 (Fruit of Passion), #1E1D26 (Inkwell Inception), #9BB9AB (Treetop), #EBE7D6 (Mascarpone). It mixes brown, red, gray, turquoise tones and feels warm overall. The strongest text pairing is #1E1D26 on #EBE7D6 with a contrast ratio of 13.45:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Reptile Revenge	rgb(90, 90, 54)	hsl(60, 25%, 28%)
Fruit of Passion	rgb(147, 110, 130)	hsl(328, 15%, 50%)
Inkwell Inception	rgb(30, 29, 38)	hsl(247, 13%, 13%)
Treetop	rgb(155, 185, 171)	hsl(152, 18%, 67%)
Mascarpone	rgb(235, 231, 214)	hsl(49, 34%, 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.

Aa13.45:1 Super#1E1D26 on #EBE7D6
Aa13.45:1 Super#EBE7D6 on #1E1D26
Aa7.88:1 Very good#1E1D26 on #9BB9AB
Aa7.88:1 Very good#9BB9AB on #1E1D26
Aa5.74:1 Good#5A5A36 on #EBE7D6
Aa5.74:1 Good#EBE7D6 on #5A5A36
Aa3.81:1 Poor#936E82 on #1E1D26
Aa3.81:1 Poor#1E1D26 on #936E82

Color blindness preview

CSS variables

/* Reptile Revenge to Mascarpone — https://swatchly.xyz/palette/5a5a36-936e82-1e1d26-9bb9ab-ebe7d6 */
:root {
  --reptile-revenge: #5a5a36;
  --fruit-of-passion: #936e82;
  --inkwell-inception: #1e1d26;
  --treetop: #9bb9ab;
  --mascarpone: #ebe7d6;
}

Tailwind CSS v4

/* Reptile Revenge to Mascarpone — https://swatchly.xyz/palette/5a5a36-936e82-1e1d26-9bb9ab-ebe7d6 */
@theme {
  --color-reptile-revenge: #5a5a36;
  --color-reptile-revenge-50: #f6f7e1;
  --color-reptile-revenge-100: #ededd4;
  --color-reptile-revenge-200: #dadabd;
  --color-reptile-revenge-300: #c4c5a3;
  --color-reptile-revenge-400: #a5a681;
  --color-reptile-revenge-500: #8a8b65;
  --color-reptile-revenge-600: #70704c;
  --color-reptile-revenge-700: #5a5a36;
  --color-reptile-revenge-800: #464629;
  --color-reptile-revenge-900: #36361d;
  --color-reptile-revenge-950: #21210f;
  --color-fruit-of-passion: #936e82;
  --color-fruit-of-passion-50: #ffedf6;
  --color-fruit-of-passion-100: #f9deec;
  --color-fruit-of-passion-200: #e7c7d7;
  --color-fruit-of-passion-300: #d1adc0;
  --color-fruit-of-passion-400: #b18b9f;
  --color-fruit-of-passion-500: #936e82;
  --color-fruit-of-passion-600: #795769;
  --color-fruit-of-passion-700: #624354;
  --color-fruit-of-passion-800: #4e3442;
  --color-fruit-of-passion-900: #3e2834;
  --color-fruit-of-passion-950: #281821;
  --color-inkwell-inception: #1e1d26;
  --color-inkwell-inception-50: #f5f4fb;
  --color-inkwell-inception-100: #ebeaf2;
  --color-inkwell-inception-200: #d7d6e0;
  --color-inkwell-inception-300: #c0bfca;
  --color-inkwell-inception-400: #a1a0ab;
  --color-inkwell-inception-500: #858490;
  --color-inkwell-inception-600: #6b6a75;
  --color-inkwell-inception-700: #54535d;
  --color-inkwell-inception-800: #414049;
  --color-inkwell-inception-900: #323138;
  --color-inkwell-inception-950: #1e1d26;
  --color-treetop: #9bb9ab;
  --color-treetop-50: #effff7;
  --color-treetop-100: #e7f8f0;
  --color-treetop-200: #d3e8de;
  --color-treetop-300: #bdd5c9;
  --color-treetop-400: #9bb9ab;
  --color-treetop-500: #7d9a8d;
  --color-treetop-600: #617d70;
  --color-treetop-700: #496357;
  --color-treetop-800: #364d42;
  --color-treetop-900: #273a31;
  --color-treetop-950: #15231d;
  --color-mascarpone: #ebe7d6;
  --color-mascarpone-50: #f4f2e8;
  --color-mascarpone-100: #ebe7d6;
  --color-mascarpone-200: #d7d4c7;
  --color-mascarpone-300: #c2beb0;
  --color-mascarpone-400: #a3a090;
  --color-mascarpone-500: #898576;
  --color-mascarpone-600: #6f6b5d;
  --color-mascarpone-700: #595548;
  --color-mascarpone-800: #454237;
  --color-mascarpone-900: #353329;
  --color-mascarpone-950: #211f18;
}