Ninja Princess to Infinite Inkwell color palette

7F5085Ninja Princess 270729Dark Prom Queen 4B3424Café Noir 8A2324Polished Apple 100212Glossy Black 35176CInfinite Inkwell

Open in generator Export PNG, PDF, ASE…

About this palette

Ninja Princess to Infinite Inkwell is a 6-color dark, cool palette: #7F5085 (Ninja Princess), #270729 (Dark Prom Queen), #4B3424 (Café Noir), #8A2324 (Polished Apple), #100212 (Glossy Black), #35176C (Infinite Inkwell). It mixes pink, purple, brown, red, black tones and feels cool overall. The strongest text pairing is #7F5085 on #100212 with a contrast ratio of 3.26:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Ninja Princess	rgb(127, 80, 133)	hsl(293, 25%, 42%)
Dark Prom Queen	rgb(39, 7, 41)	hsl(296, 71%, 9%)
Café Noir	rgb(75, 52, 36)	hsl(25, 35%, 22%)
Polished Apple	rgb(138, 35, 36)	hsl(359, 60%, 34%)
Glossy Black	rgb(16, 2, 18)	hsl(292, 80%, 4%)
Infinite Inkwell	rgb(53, 23, 108)	hsl(261, 65%, 26%)

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.

Aa3.26:1 Poor#7F5085 on #100212
Aa3.26:1 Poor#100212 on #7F5085

Color blindness preview

CSS variables

/* Ninja Princess to Infinite Inkwell — https://swatchly.xyz/palette/7f5085-270729-4b3424-8a2324-100212-35176c */
:root {
  --ninja-princess: #7f5085;
  --dark-prom-queen: #270729;
  --caf-noir: #4b3424;
  --polished-apple: #8a2324;
  --glossy-black: #100212;
  --infinite-inkwell: #35176c;
}

Tailwind CSS v4

/* Ninja Princess to Infinite Inkwell — https://swatchly.xyz/palette/7f5085-270729-4b3424-8a2324-100212-35176c */
@theme {
  --color-ninja-princess: #7f5085;
  --color-ninja-princess-50: #fef0ff;
  --color-ninja-princess-100: #fcdeff;
  --color-ninja-princess-200: #edc5f2;
  --color-ninja-princess-300: #d8abdd;
  --color-ninja-princess-400: #b988bf;
  --color-ninja-princess-500: #9c6ba2;
  --color-ninja-princess-600: #7f5085;
  --color-ninja-princess-700: #663d6c;
  --color-ninja-princess-800: #522e56;
  --color-ninja-princess-900: #402244;
  --color-ninja-princess-950: #29132c;
  --color-dark-prom-queen: #270729;
  --color-dark-prom-queen-50: #ffefff;
  --color-dark-prom-queen-100: #fce1fc;
  --color-dark-prom-queen-200: #ebccec;
  --color-dark-prom-queen-300: #d7b3d8;
  --color-dark-prom-queen-400: #b992ba;
  --color-dark-prom-queen-500: #9c759d;
  --color-dark-prom-queen-600: #7e5a7f;
  --color-dark-prom-queen-700: #634365;
  --color-dark-prom-queen-800: #4c314d;
  --color-dark-prom-queen-900: #382239;
  --color-dark-prom-queen-950: #270729;
  --color-caf-noir: #4b3424;
  --color-caf-noir-50: #fff2ea;
  --color-caf-noir-100: #fae7db;
  --color-caf-noir-200: #e9d3c4;
  --color-caf-noir-300: #d4bbab;
  --color-caf-noir-400: #b89d8b;
  --color-caf-noir-500: #9e8371;
  --color-caf-noir-600: #836a58;
  --color-caf-noir-700: #6c5545;
  --color-caf-noir-800: #584335;
  --color-caf-noir-900: #4b3424;
  --color-caf-noir-950: #2f2118;
  --color-polished-apple: #8a2324;
  --color-polished-apple-50: #fff2f0;
  --color-polished-apple-100: #ffe4e1;
  --color-polished-apple-200: #ffc6c0;
  --color-polished-apple-300: #ffa199;
  --color-polished-apple-400: #e57973;
  --color-polished-apple-500: #c65b56;
  --color-polished-apple-600: #a5403c;
  --color-polished-apple-700: #8a2324;
  --color-polished-apple-800: #6b1d1c;
  --color-polished-apple-900: #551313;
  --color-polished-apple-950: #380809;
  --color-glossy-black: #100212;
  --color-glossy-black-50: #fef0ff;
  --color-glossy-black-100: #f5e5f7;
  --color-glossy-black-200: #e3d0e5;
  --color-glossy-black-300: #ceb9d0;
  --color-glossy-black-400: #b098b2;
  --color-glossy-black-500: #8f7891;
  --color-glossy-black-600: #6f5971;
  --color-glossy-black-700: #523f53;
  --color-glossy-black-800: #382a3a;
  --color-glossy-black-900: #231924;
  --color-glossy-black-950: #100212;
  --color-infinite-inkwell: #35176c;
  --color-infinite-inkwell-50: #f5f3ff;
  --color-infinite-inkwell-100: #ebe8ff;
  --color-infinite-inkwell-200: #d8d0ff;
  --color-infinite-inkwell-300: #c3b5ff;
  --color-infinite-inkwell-400: #a490eb;
  --color-infinite-inkwell-500: #8873cf;
  --color-infinite-inkwell-600: #6e58af;
  --color-infinite-inkwell-700: #564291;
  --color-infinite-inkwell-800: #433074;
  --color-infinite-inkwell-900: #35176c;
  --color-infinite-inkwell-950: #1f133c;
}