Reptile Revenge to Blackberry color palette

59551CReptile Revenge 9E5577Feminism 72A9CBSerene Sea D1EEFFVeiling Waterfalls 461B2ABlackberry

About this palette

Reptile Revenge to Blackberry is a 5-color warm, vintage palette: #59551C (Reptile Revenge), #9E5577 (Feminism), #72A9CB (Serene Sea), #D1EEFF (Veiling Waterfalls), #461B2A (Blackberry). It mixes brown, red, blue tones and feels warm overall. The strongest text pairing is #D1EEFF on #461B2A with a contrast ratio of 11.98:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Reptile Revenge	rgb(89, 85, 28)	hsl(56, 52%, 23%)
Feminism	rgb(158, 85, 119)	hsl(332, 30%, 48%)
Serene Sea	rgb(114, 169, 203)	hsl(203, 46%, 62%)
Veiling Waterfalls	rgb(209, 238, 255)	hsl(202, 100%, 91%)
Blackberry	rgb(70, 27, 42)	hsl(339, 44%, 19%)

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.98:1 Very good#D1EEFF on #461B2A
Aa11.98:1 Very good#461B2A on #D1EEFF
Aa6.34:1 Good#59551C on #D1EEFF
Aa6.34:1 Good#D1EEFF on #59551C
Aa5.69:1 Good#72A9CB on #461B2A
Aa5.69:1 Good#461B2A on #72A9CB
Aa4.33:1 Poor#9E5577 on #D1EEFF
Aa4.33:1 Poor#D1EEFF on #9E5577

Color blindness preview

CSS variables

/* Reptile Revenge to Blackberry — https://swatchly.xyz/palette/59551c-9e5577-72a9cb-d1eeff-461b2a */
:root {
  --reptile-revenge: #59551c;
  --feminism: #9e5577;
  --serene-sea: #72a9cb;
  --veiling-waterfalls: #d1eeff;
  --blackberry: #461b2a;
}

Tailwind CSS v4

/* Reptile Revenge to Blackberry — https://swatchly.xyz/palette/59551c-9e5577-72a9cb-d1eeff-461b2a */
@theme {
  --color-reptile-revenge: #59551c;
  --color-reptile-revenge-50: #f9f7d7;
  --color-reptile-revenge-100: #efeec9;
  --color-reptile-revenge-200: #dcdaae;
  --color-reptile-revenge-300: #c6c391;
  --color-reptile-revenge-400: #a6a36c;
  --color-reptile-revenge-500: #8b874f;
  --color-reptile-revenge-600: #706c36;
  --color-reptile-revenge-700: #59551c;
  --color-reptile-revenge-800: #454215;
  --color-reptile-revenge-900: #35330c;
  --color-reptile-revenge-950: #211f04;
  --color-feminism: #9e5577;
  --color-feminism-50: #fff1f6;
  --color-feminism-100: #ffe3ee;
  --color-feminism-200: #ffc7de;
  --color-feminism-300: #f1acca;
  --color-feminism-400: #d58bac;
  --color-feminism-500: #ba6f91;
  --color-feminism-600: #9e5577;
  --color-feminism-700: #81405f;
  --color-feminism-800: #682f4a;
  --color-feminism-900: #522139;
  --color-feminism-950: #351224;
  --color-serene-sea: #72a9cb;
  --color-serene-sea-50: #ebf7ff;
  --color-serene-sea-100: #d7efff;
  --color-serene-sea-200: #b5def8;
  --color-serene-sea-300: #99c8e6;
  --color-serene-sea-400: #72a9cb;
  --color-serene-sea-500: #578dae;
  --color-serene-sea-600: #3d7292;
  --color-serene-sea-700: #2a5b77;
  --color-serene-sea-800: #1b4760;
  --color-serene-sea-900: #11374c;
  --color-serene-sea-950: #072231;
  --color-veiling-waterfalls: #d1eeff;
  --color-veiling-waterfalls-50: #e7f6ff;
  --color-veiling-waterfalls-100: #d1eeff;
  --color-veiling-waterfalls-200: #c4d9e6;
  --color-veiling-waterfalls-300: #acc4d2;
  --color-veiling-waterfalls-400: #8ba5b4;
  --color-veiling-waterfalls-500: #6f8a99;
  --color-veiling-waterfalls-600: #56707e;
  --color-veiling-waterfalls-700: #425966;
  --color-veiling-waterfalls-800: #314551;
  --color-veiling-waterfalls-900: #24353f;
  --color-veiling-waterfalls-950: #152128;
  --color-blackberry: #461b2a;
  --color-blackberry-50: #fff1f4;
  --color-blackberry-100: #ffe3ea;
  --color-blackberry-200: #f5cad6;
  --color-blackberry-300: #e2b2bf;
  --color-blackberry-400: #c38f9e;
  --color-blackberry-500: #a67281;
  --color-blackberry-600: #885766;
  --color-blackberry-700: #6c414e;
  --color-blackberry-800: #542f3b;
  --color-blackberry-900: #461b2a;
  --color-blackberry-950: #271219;
}