Chivalrous Walrus to Sub-Zero color palette

86615DChivalrous Walrus D0EAFDVeiling Waterfalls 4A3C1CMadras E4AEA6Chewing Gum 5A9FD3Sub-Zero

About this palette

Chivalrous Walrus to Sub-Zero is a 5-color warm, vintage palette: #86615D (Chivalrous Walrus), #D0EAFD (Veiling Waterfalls), #4A3C1C (Madras), #E4AEA6 (Chewing Gum), #5A9FD3 (Sub-Zero). It mixes red, blue, brown, pink tones and feels warm overall. The strongest text pairing is #D0EAFD on #4A3C1C with a contrast ratio of 8.63:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Chivalrous Walrus	rgb(134, 97, 93)	hsl(6, 18%, 45%)
Veiling Waterfalls	rgb(208, 234, 253)	hsl(205, 92%, 90%)
Madras	rgb(74, 60, 28)	hsl(42, 45%, 20%)
Chewing Gum	rgb(228, 174, 166)	hsl(8, 53%, 77%)
Sub-Zero	rgb(90, 159, 211)	hsl(206, 58%, 59%)

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.63:1 Very good#D0EAFD on #4A3C1C
Aa8.63:1 Very good#4A3C1C on #D0EAFD
Aa5.58:1 Good#4A3C1C on #E4AEA6
Aa5.58:1 Good#E4AEA6 on #4A3C1C
Aa4.35:1 Poor#86615D on #D0EAFD
Aa4.35:1 Poor#D0EAFD on #86615D
Aa3.75:1 Poor#4A3C1C on #5A9FD3
Aa3.75:1 Poor#5A9FD3 on #4A3C1C

Color blindness preview

CSS variables

/* Chivalrous Walrus to Sub-Zero — https://swatchly.xyz/palette/86615d-d0eafd-4a3c1c-e4aea6-5a9fd3 */
:root {
  --chivalrous-walrus: #86615d;
  --veiling-waterfalls: #d0eafd;
  --madras: #4a3c1c;
  --chewing-gum: #e4aea6;
  --sub-zero: #5a9fd3;
}

Tailwind CSS v4

/* Chivalrous Walrus to Sub-Zero — https://swatchly.xyz/palette/86615d-d0eafd-4a3c1c-e4aea6-5a9fd3 */
@theme {
  --color-chivalrous-walrus: #86615d;
  --color-chivalrous-walrus-50: #fff2f0;
  --color-chivalrous-walrus-100: #ffe4e1;
  --color-chivalrous-walrus-200: #efcfcb;
  --color-chivalrous-walrus-300: #dbb7b3;
  --color-chivalrous-walrus-400: #bd9792;
  --color-chivalrous-walrus-500: #a27b77;
  --color-chivalrous-walrus-600: #86615d;
  --color-chivalrous-walrus-700: #6c4c48;
  --color-chivalrous-walrus-800: #563a37;
  --color-chivalrous-walrus-900: #442c29;
  --color-chivalrous-walrus-950: #2b1a18;
  --color-veiling-waterfalls: #d0eafd;
  --color-veiling-waterfalls-50: #e4f3fe;
  --color-veiling-waterfalls-100: #d0eafd;
  --color-veiling-waterfalls-200: #c3d6e5;
  --color-veiling-waterfalls-300: #abc1d1;
  --color-veiling-waterfalls-400: #8ba3b4;
  --color-veiling-waterfalls-500: #708899;
  --color-veiling-waterfalls-600: #586e7f;
  --color-veiling-waterfalls-700: #445867;
  --color-veiling-waterfalls-800: #334552;
  --color-veiling-waterfalls-900: #263540;
  --color-veiling-waterfalls-950: #162129;
  --color-madras: #4a3c1c;
  --color-madras-50: #fef4e0;
  --color-madras-100: #f5ead4;
  --color-madras-200: #e3d6bc;
  --color-madras-300: #cdbfa0;
  --color-madras-400: #ae9e7d;
  --color-madras-500: #918260;
  --color-madras-600: #766747;
  --color-madras-700: #5d5033;
  --color-madras-800: #4a3c1c;
  --color-madras-900: #382e19;
  --color-madras-950: #221c0d;
  --color-chewing-gum: #e4aea6;
  --color-chewing-gum-50: #ffefed;
  --color-chewing-gum-100: #ffe1dc;
  --color-chewing-gum-200: #f3c9c2;
  --color-chewing-gum-300: #e4aea6;
  --color-chewing-gum-400: #c39089;
  --color-chewing-gum-500: #a7756e;
  --color-chewing-gum-600: #8b5c55;
  --color-chewing-gum-700: #724741;
  --color-chewing-gum-800: #5b3631;
  --color-chewing-gum-900: #482925;
  --color-chewing-gum-950: #2f1815;
  --color-sub-zero: #5a9fd3;
  --color-sub-zero-50: #e6f4ff;
  --color-sub-zero-100: #d0eaff;
  --color-sub-zero-200: #a6d7ff;
  --color-sub-zero-300: #83c0ef;
  --color-sub-zero-400: #5a9fd3;
  --color-sub-zero-500: #4085b7;
  --color-sub-zero-600: #276b9b;
  --color-sub-zero-700: #135681;
  --color-sub-zero-800: #054369;
  --color-sub-zero-900: #003555;
  --color-sub-zero-950: #002238;
}