Seashell to Murasaki Color Palette

About this palette

Seashell to Murasaki is a 6-color cool palette: #FFF5F0 (Seashell), #AFD2A8 (In Good Taste), #D88767 (Copper Coin), #5F9756 (Wicked Witch), #00658D (Hydra), #4A264D (Murasaki). It mixes white, green, orange, blue, purple tones and feels cool overall. The strongest text pairing is #FFF5F0 on #4A264D with a contrast ratio of 11.68:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Seashell	rgb(255, 245, 240)	hsl(20, 100%, 97%)
In Good Taste	rgb(175, 210, 168)	hsl(110, 32%, 74%)
Copper Coin	rgb(216, 135, 103)	hsl(17, 59%, 63%)
Wicked Witch	rgb(95, 151, 86)	hsl(112, 27%, 46%)
Hydra	rgb(0, 101, 141)	hsl(197, 100%, 28%)
Murasaki	rgb(74, 38, 77)	hsl(295, 34%, 23%)

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.68:1 Very good#FFF5F0 on #4A264D
Aa11.68:1 Very good#4A264D on #FFF5F0
Aa7.52:1 Very good#AFD2A8 on #4A264D
Aa7.52:1 Very good#4A264D on #AFD2A8
Aa6.03:1 Good#FFF5F0 on #00658D
Aa6.03:1 Good#00658D on #FFF5F0
Aa4.52:1 Good#D88767 on #4A264D
Aa4.52:1 Good#4A264D on #D88767

Color blindness preview

CSS variables

/* Seashell to Murasaki — https://swatchly.xyz/palette/fff5f0-afd2a8-d88767-5f9756-00658d-4a264d */
:root {
  --seashell: #fff5f0;
  --in-good-taste: #afd2a8;
  --copper-coin: #d88767;
  --wicked-witch: #5f9756;
  --hydra: #00658d;
  --murasaki: #4a264d;
}

Tailwind CSS v4

/* Seashell to Murasaki — https://swatchly.xyz/palette/fff5f0-afd2a8-d88767-5f9756-00658d-4a264d */
@theme {
  --color-seashell: #fff5f0;
  --color-seashell-50: #fff5f0;
  --color-seashell-100: #f2ece9;
  --color-seashell-200: #ded7d4;
  --color-seashell-300: #c8c0bc;
  --color-seashell-400: #a9a09c;
  --color-seashell-500: #8d8480;
  --color-seashell-600: #726a66;
  --color-seashell-700: #5b5350;
  --color-seashell-800: #47413d;
  --color-seashell-900: #37312f;
  --color-seashell-950: #221e1c;
  --color-in-good-taste: #afd2a8;
  --color-in-good-taste-50: #ecffe8;
  --color-in-good-taste-100: #e1f6dd;
  --color-in-good-taste-200: #cbe5c6;
  --color-in-good-taste-300: #afd2a8;
  --color-in-good-taste-400: #90b18a;
  --color-in-good-taste-500: #73946d;
  --color-in-good-taste-600: #597853;
  --color-in-good-taste-700: #43603e;
  --color-in-good-taste-800: #324b2d;
  --color-in-good-taste-900: #243920;
  --color-in-good-taste-950: #152412;
  --color-copper-coin: #d88767;
  --color-copper-coin-50: #fff1eb;
  --color-copper-coin-100: #ffe3d8;
  --color-copper-coin-200: #ffc7b1;
  --color-copper-coin-300: #f3aa8e;
  --color-copper-coin-400: #d88767;
  --color-copper-coin-500: #ba6c4d;
  --color-copper-coin-600: #9d5335;
  --color-copper-coin-700: #813e22;
  --color-copper-coin-800: #682e15;
  --color-copper-coin-900: #53220c;
  --color-copper-coin-950: #371304;
  --color-wicked-witch: #5f9756;
  --color-wicked-witch-50: #e2ffdd;
  --color-wicked-witch-100: #d3f8cd;
  --color-wicked-witch-200: #bae6b3;
  --color-wicked-witch-300: #9fd197;
  --color-wicked-witch-400: #7cb373;
  --color-wicked-witch-500: #5f9756;
  --color-wicked-witch-600: #457b3d;
  --color-wicked-witch-700: #31632a;
  --color-wicked-witch-800: #224e1b;
  --color-wicked-witch-900: #173d11;
  --color-wicked-witch-950: #0b2607;
  --color-hydra: #00658d;
  --color-hydra-50: #ebf7ff;
  --color-hydra-100: #d6f0ff;
  --color-hydra-200: #aee1ff;
  --color-hydra-300: #8ccdf3;
  --color-hydra-400: #65b0d9;
  --color-hydra-500: #4695c0;
  --color-hydra-600: #287ba4;
  --color-hydra-700: #00658d;
  --color-hydra-800: #004f6f;
  --color-hydra-900: #003d57;
  --color-hydra-950: #002638;
  --color-murasaki: #4a264d;
  --color-murasaki-50: #fef0ff;
  --color-murasaki-100: #fde1fe;
  --color-murasaki-200: #eccbee;
  --color-murasaki-300: #d8b2da;
  --color-murasaki-400: #bb92bd;
  --color-murasaki-500: #a077a3;
  --color-murasaki-600: #855e88;
  --color-murasaki-700: #6c496f;
  --color-murasaki-800: #57385a;
  --color-murasaki-900: #4a264d;
  --color-murasaki-950: #2d192f;
}