Bone-Chilling to Satin Deep Black color palette

E1F5F1Bone-Chilling 5A4B4FMustang BEA4AEFoggy Plum 557971Turquoise Tortoise 16201ESatin Deep Black

About this palette

Bone-Chilling to Satin Deep Black is a 5-color muted palette: #E1F5F1 (Bone-Chilling), #5A4B4F (Mustang), #BEA4AE (Foggy Plum), #557971 (Turquoise Tortoise), #16201E (Satin Deep Black). It mixes white, gray, turquoise tones and feels cool overall. The strongest text pairing is #E1F5F1 on #16201E with a contrast ratio of 14.71:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Bone-Chilling	rgb(225, 245, 241)	hsl(168, 50%, 92%)
Mustang	rgb(90, 75, 79)	hsl(344, 9%, 32%)
Foggy Plum	rgb(190, 164, 174)	hsl(337, 17%, 69%)
Turquoise Tortoise	rgb(85, 121, 113)	hsl(167, 17%, 40%)
Satin Deep Black	rgb(22, 32, 30)	hsl(168, 19%, 11%)

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.

Aa14.71:1 Super#E1F5F1 on #16201E
Aa14.71:1 Super#16201E on #E1F5F1
Aa7.26:1 Very good#E1F5F1 on #5A4B4F
Aa7.26:1 Very good#5A4B4F on #E1F5F1
Aa7.23:1 Very good#BEA4AE on #16201E
Aa7.23:1 Very good#16201E on #BEA4AE
Aa4.25:1 Poor#E1F5F1 on #557971
Aa4.25:1 Poor#557971 on #E1F5F1

Color blindness preview

CSS variables

/* Bone-Chilling to Satin Deep Black — https://swatchly.xyz/palette/e1f5f1-5a4b4f-bea4ae-557971-16201e */
:root {
  --bone-chilling: #e1f5f1;
  --mustang: #5a4b4f;
  --foggy-plum: #bea4ae;
  --turquoise-tortoise: #557971;
  --satin-deep-black: #16201e;
}

Tailwind CSS v4

/* Bone-Chilling to Satin Deep Black — https://swatchly.xyz/palette/e1f5f1-5a4b4f-bea4ae-557971-16201e */
@theme {
  --color-bone-chilling: #e1f5f1;
  --color-bone-chilling-50: #f1fcfa;
  --color-bone-chilling-100: #e1f5f1;
  --color-bone-chilling-200: #d1dfdc;
  --color-bone-chilling-300: #b8c8c5;
  --color-bone-chilling-400: #96a8a5;
  --color-bone-chilling-500: #7a8c89;
  --color-bone-chilling-600: #5f716d;
  --color-bone-chilling-700: #495956;
  --color-bone-chilling-800: #384643;
  --color-bone-chilling-900: #2a3633;
  --color-bone-chilling-950: #192120;
  --color-mustang: #5a4b4f;
  --color-mustang-50: #fcf2f5;
  --color-mustang-100: #f3e8eb;
  --color-mustang-200: #e0d2d6;
  --color-mustang-300: #c9babe;
  --color-mustang-400: #aa999e;
  --color-mustang-500: #8e7d81;
  --color-mustang-600: #726266;
  --color-mustang-700: #5a4b4f;
  --color-mustang-800: #463a3d;
  --color-mustang-900: #362c2f;
  --color-mustang-950: #221b1d;
  --color-foggy-plum: #bea4ae;
  --color-foggy-plum-50: #fff6f9;
  --color-foggy-plum-100: #fcecf2;
  --color-foggy-plum-200: #ecd9e0;
  --color-foggy-plum-300: #d9c3cc;
  --color-foggy-plum-400: #bea4ae;
  --color-foggy-plum-500: #a08791;
  --color-foggy-plum-600: #836b74;
  --color-foggy-plum-700: #69535c;
  --color-foggy-plum-800: #523f47;
  --color-foggy-plum-900: #3f2f35;
  --color-foggy-plum-950: #271c20;
  --color-turquoise-tortoise: #557971;
  --color-turquoise-tortoise-50: #e5fbf5;
  --color-turquoise-tortoise-100: #daf2ec;
  --color-turquoise-tortoise-200: #c4e0da;
  --color-turquoise-tortoise-300: #abccc4;
  --color-turquoise-tortoise-400: #8aaea5;
  --color-turquoise-tortoise-500: #6e938b;
  --color-turquoise-tortoise-600: #557971;
  --color-turquoise-tortoise-700: #406159;
  --color-turquoise-tortoise-800: #2f4c46;
  --color-turquoise-tortoise-900: #223a35;
  --color-turquoise-tortoise-950: #132521;
  --color-satin-deep-black: #16201e;
  --color-satin-deep-black-50: #f0f7f5;
  --color-satin-deep-black-100: #e5edeb;
  --color-satin-deep-black-200: #d0dad8;
  --color-satin-deep-black-300: #b9c4c1;
  --color-satin-deep-black-400: #98a5a2;
  --color-satin-deep-black-500: #7d8986;
  --color-satin-deep-black-600: #626e6c;
  --color-satin-deep-black-700: #4c5755;
  --color-satin-deep-black-800: #3a4341;
  --color-satin-deep-black-900: #2c3332;
  --color-satin-deep-black-950: #16201e;
}