Silverfish to Wax Flower Color Palette

About this palette

Silverfish to Wax Flower is a 5-color muted palette: #8992AC (Silverfish), #5B6E98 (Haunt Mist), #2D4135 (Everglade), #FFE5DF (Slightly in Love), #E8B3A3 (Wax Flower). It mixes blue, gray, white, pink tones and feels cool overall. The strongest text pairing is #2D4135 on #FFE5DF with a contrast ratio of 9.13:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Silverfish	rgb(137, 146, 172)	hsl(225, 17%, 61%)
Haunt Mist	rgb(91, 110, 152)	hsl(221, 25%, 48%)
Everglade	rgb(45, 65, 53)	hsl(144, 18%, 22%)
Slightly in Love	rgb(255, 229, 223)	hsl(11, 100%, 94%)
Wax Flower	rgb(232, 179, 163)	hsl(14, 60%, 77%)

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.

Aa9.13:1 Very good#2D4135 on #FFE5DF
Aa9.13:1 Very good#FFE5DF on #2D4135
Aa5.94:1 Good#2D4135 on #E8B3A3
Aa5.94:1 Good#E8B3A3 on #2D4135
Aa4.24:1 Poor#5B6E98 on #FFE5DF
Aa4.24:1 Poor#FFE5DF on #5B6E98
Aa3.53:1 Poor#8992AC on #2D4135
Aa3.53:1 Poor#2D4135 on #8992AC

Color blindness preview

CSS variables

/* Silverfish to Wax Flower — https://swatchly.xyz/palette/8992ac-5b6e98-2d4135-ffe5df-e8b3a3 */
:root {
  --silverfish: #8992ac;
  --haunt-mist: #5b6e98;
  --everglade: #2d4135;
  --slightly-in-love: #ffe5df;
  --wax-flower: #e8b3a3;
}

Tailwind CSS v4

/* Silverfish to Wax Flower — https://swatchly.xyz/palette/8992ac-5b6e98-2d4135-ffe5df-e8b3a3 */
@theme {
  --color-silverfish: #8992ac;
  --color-silverfish-50: #f4f7ff;
  --color-silverfish-100: #eaefff;
  --color-silverfish-200: #d7def2;
  --color-silverfish-300: #c1c9e0;
  --color-silverfish-400: #a3acc5;
  --color-silverfish-500: #8992ac;
  --color-silverfish-600: #6d758e;
  --color-silverfish-700: #555c73;
  --color-silverfish-800: #41475b;
  --color-silverfish-900: #303647;
  --color-silverfish-950: #1c202c;
  --color-haunt-mist: #5b6e98;
  --color-haunt-mist-50: #f0f5ff;
  --color-haunt-mist-100: #e3ecff;
  --color-haunt-mist-200: #c8d9fc;
  --color-haunt-mist-300: #b0c3ea;
  --color-haunt-mist-400: #8fa3ce;
  --color-haunt-mist-500: #7488b4;
  --color-haunt-mist-600: #5b6e98;
  --color-haunt-mist-700: #46577c;
  --color-haunt-mist-800: #354364;
  --color-haunt-mist-900: #27334f;
  --color-haunt-mist-950: #171f33;
  --color-everglade: #2d4135;
  --color-everglade-50: #ecf9f0;
  --color-everglade-100: #e1f0e6;
  --color-everglade-200: #cbddd1;
  --color-everglade-300: #b1c5b9;
  --color-everglade-400: #8fa597;
  --color-everglade-500: #72897b;
  --color-everglade-600: #586d60;
  --color-everglade-700: #425549;
  --color-everglade-800: #2d4135;
  --color-everglade-900: #243129;
  --color-everglade-950: #141e18;
  --color-slightly-in-love: #ffe5df;
  --color-slightly-in-love-50: #fff2ef;
  --color-slightly-in-love-100: #ffe5df;
  --color-slightly-in-love-200: #e6d3cf;
  --color-slightly-in-love-300: #d1bcb7;
  --color-slightly-in-love-400: #b39c96;
  --color-slightly-in-love-500: #97807b;
  --color-slightly-in-love-600: #7c6661;
  --color-slightly-in-love-700: #64504b;
  --color-slightly-in-love-800: #4f3e3a;
  --color-slightly-in-love-900: #3d2f2c;
  --color-slightly-in-love-950: #271c1a;
  --color-wax-flower: #e8b3a3;
  --color-wax-flower-50: #fff2ee;
  --color-wax-flower-100: #ffe5dd;
  --color-wax-flower-200: #f6cdc1;
  --color-wax-flower-300: #e8b3a3;
  --color-wax-flower-400: #c69486;
  --color-wax-flower-500: #aa796a;
  --color-wax-flower-600: #8d5f51;
  --color-wax-flower-700: #73493d;
  --color-wax-flower-800: #5c382d;
  --color-wax-flower-900: #482a20;
  --color-wax-flower-950: #2f1912;
}