Plunged Into Darkness to Friendly Frost color palette

431556Plunged Into Darkness 745800Coffee Adept C455C9Love Priestess EC9E26Cheddar BAFCFDFriendly Frost

Open in generator Export PNG, PDF, ASE…

About this palette

Plunged Into Darkness to Friendly Frost is a 5-color cool palette: #431556 (Plunged Into Darkness), #745800 (Coffee Adept), #C455C9 (Love Priestess), #EC9E26 (Cheddar), #BAFCFD (Friendly Frost). It mixes purple, brown, pink, orange, turquoise tones and feels cool overall. The strongest text pairing is #431556 on #BAFCFD with a contrast ratio of 12.45:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Plunged Into Darkness	rgb(67, 21, 86)	hsl(282, 61%, 21%)
Coffee Adept	rgb(116, 88, 0)	hsl(46, 100%, 23%)
Love Priestess	rgb(196, 85, 201)	hsl(297, 52%, 56%)
Cheddar	rgb(236, 158, 38)	hsl(36, 84%, 54%)
Friendly Frost	rgb(186, 252, 253)	hsl(181, 94%, 86%)

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.

Aa12.45:1 Super#431556 on #BAFCFD
Aa12.45:1 Super#BAFCFD on #431556
Aa6.41:1 Good#431556 on #EC9E26
Aa6.41:1 Good#EC9E26 on #431556
Aa5.87:1 Good#745800 on #BAFCFD
Aa5.87:1 Good#BAFCFD on #745800
Aa3.71:1 Poor#431556 on #C455C9
Aa3.71:1 Poor#C455C9 on #431556

Color blindness preview

CSS variables

/* Plunged Into Darkness to Friendly Frost — https://swatchly.xyz/palette/431556-745800-c455c9-ec9e26-bafcfd */
:root {
  --plunged-into-darkness: #431556;
  --coffee-adept: #745800;
  --love-priestess: #c455c9;
  --cheddar: #ec9e26;
  --friendly-frost: #bafcfd;
}

Tailwind CSS v4

/* Plunged Into Darkness to Friendly Frost — https://swatchly.xyz/palette/431556-745800-c455c9-ec9e26-bafcfd */
@theme {
  --color-plunged-into-darkness: #431556;
  --color-plunged-into-darkness-50: #faf1ff;
  --color-plunged-into-darkness-100: #f6e4ff;
  --color-plunged-into-darkness-200: #ecc7ff;
  --color-plunged-into-darkness-300: #d9aeee;
  --color-plunged-into-darkness-400: #ba8bd1;
  --color-plunged-into-darkness-500: #9e6eb5;
  --color-plunged-into-darkness-600: #815497;
  --color-plunged-into-darkness-700: #673e7a;
  --color-plunged-into-darkness-800: #512d61;
  --color-plunged-into-darkness-900: #431556;
  --color-plunged-into-darkness-950: #261130;
  --color-coffee-adept: #745800;
  --color-coffee-adept-50: #fff4dc;
  --color-coffee-adept-100: #fde9be;
  --color-coffee-adept-200: #edd7a3;
  --color-coffee-adept-300: #dbc186;
  --color-coffee-adept-400: #bfa25f;
  --color-coffee-adept-500: #a58740;
  --color-coffee-adept-600: #8a6e24;
  --color-coffee-adept-700: #745800;
  --color-coffee-adept-800: #5b4400;
  --color-coffee-adept-900: #473400;
  --color-coffee-adept-950: #2d2000;
  --color-love-priestess: #c455c9;
  --color-love-priestess-50: #fff1ff;
  --color-love-priestess-100: #ffe2ff;
  --color-love-priestess-200: #fec2ff;
  --color-love-priestess-300: #fa9bfd;
  --color-love-priestess-400: #df75e3;
  --color-love-priestess-500: #c455c9;
  --color-love-priestess-600: #a538aa;
  --color-love-priestess-700: #88208d;
  --color-love-priestess-800: #6e0d73;
  --color-love-priestess-900: #57025b;
  --color-love-priestess-950: #38003b;
  --color-cheddar: #ec9e26;
  --color-cheddar-50: #fffaf3;
  --color-cheddar-100: #fff1e0;
  --color-cheddar-200: #ffdcb2;
  --color-cheddar-300: #ffc172;
  --color-cheddar-400: #ec9e26;
  --color-cheddar-500: #c78100;
  --color-cheddar-600: #a06700;
  --color-cheddar-700: #7f5100;
  --color-cheddar-800: #633e00;
  --color-cheddar-900: #4b2e00;
  --color-cheddar-950: #2e1a00;
  --color-friendly-frost: #bafcfd;
  --color-friendly-frost-50: #dfffff;
  --color-friendly-frost-100: #bafcfd;
  --color-friendly-frost-200: #b6e4e4;
  --color-friendly-frost-300: #98cecf;
  --color-friendly-frost-400: #72afb0;
  --color-friendly-frost-500: #549395;
  --color-friendly-frost-600: #397879;
  --color-friendly-frost-700: #246061;
  --color-friendly-frost-800: #154b4d;
  --color-friendly-frost-900: #0b3a3b;
  --color-friendly-frost-950: #042525;
}