Shot in the Dark to Sugarwinkle color palette
270E21Shot in the Dark5C3A54Long Passionate NightAB5E9AMagenta MemoirC79CBBExotic LilacFFC7E9Sugarwinkle
About this palette
Shot in the Dark to Sugarwinkle is a 5-color warm, vintage, monochromatic, gradient palette: #270E21 (Shot in the Dark), #5C3A54 (Long Passionate Night), #AB5E9A (Magenta Memoir), #C79CBB (Exotic Lilac), #FFC7E9 (Sugarwinkle). It mixes purple, pink tones and feels warm overall. The strongest text pairing is #270E21 on #FFC7E9 with a contrast ratio of 12.47:1, and 3 of its 10 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Shot in the Dark | rgb(39, 14, 33) | hsl(314, 47%, 10%) | |
| Long Passionate Night | rgb(92, 58, 84) | hsl(314, 23%, 29%) | |
| Magenta Memoir | rgb(171, 94, 154) | hsl(313, 31%, 52%) | |
| Exotic Lilac | rgb(199, 156, 187) | hsl(317, 28%, 70%) | |
| Sugarwinkle | rgb(255, 199, 233) | hsl(324, 100%, 89%) |
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.47:1 #270E21 on #FFC7E9
- Aa12.47:1 #FFC7E9 on #270E21
- Aa7.60:1 #270E21 on #C79CBB
- Aa7.60:1 #C79CBB on #270E21
- Aa6.67:1 #5C3A54 on #FFC7E9
- Aa6.67:1 #FFC7E9 on #5C3A54
- Aa4.10:1 #270E21 on #AB5E9A
- Aa4.10:1 #AB5E9A on #270E21
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Shot in the Dark to Sugarwinkle — https://swatchly.xyz/palette/270e21-5c3a54-ab5e9a-c79cbb-ffc7e9 */
:root {
--shot-in-the-dark: #270e21;
--long-passionate-night: #5c3a54;
--magenta-memoir: #ab5e9a;
--exotic-lilac: #c79cbb;
--sugarwinkle: #ffc7e9;
}
Tailwind CSS v4
/* Shot in the Dark to Sugarwinkle — https://swatchly.xyz/palette/270e21-5c3a54-ab5e9a-c79cbb-ffc7e9 */
@theme {
--color-shot-in-the-dark: #270e21;
--color-shot-in-the-dark-50: #fff0fa;
--color-shot-in-the-dark-100: #fae3f3;
--color-shot-in-the-dark-200: #e9cee1;
--color-shot-in-the-dark-300: #d5b7cb;
--color-shot-in-the-dark-400: #b796ad;
--color-shot-in-the-dark-500: #9a7990;
--color-shot-in-the-dark-600: #7d5e74;
--color-shot-in-the-dark-700: #63475b;
--color-shot-in-the-dark-800: #4c3545;
--color-shot-in-the-dark-900: #392633;
--color-shot-in-the-dark-950: #270e21;
--color-long-passionate-night: #5c3a54;
--color-long-passionate-night-50: #fff0fb;
--color-long-passionate-night-100: #fde2f5;
--color-long-passionate-night-200: #eccde3;
--color-long-passionate-night-300: #d8b6cf;
--color-long-passionate-night-400: #bc96b2;
--color-long-passionate-night-500: #a17b97;
--color-long-passionate-night-600: #86627d;
--color-long-passionate-night-700: #6e4d66;
--color-long-passionate-night-800: #5c3a54;
--color-long-passionate-night-900: #462d40;
--color-long-passionate-night-950: #2d1b29;
--color-magenta-memoir: #ab5e9a;
--color-magenta-memoir-50: #ffeefa;
--color-magenta-memoir-100: #ffdcf5;
--color-magenta-memoir-200: #fcbbeb;
--color-magenta-memoir-300: #e89fd6;
--color-magenta-memoir-400: #c97bb7;
--color-magenta-memoir-500: #ab5e9a;
--color-magenta-memoir-600: #8f467f;
--color-magenta-memoir-700: #753468;
--color-magenta-memoir-800: #5e2553;
--color-magenta-memoir-900: #4b1b42;
--color-magenta-memoir-950: #310e2b;
--color-exotic-lilac: #c79cbb;
--color-exotic-lilac-50: #fff5fc;
--color-exotic-lilac-100: #ffe9f8;
--color-exotic-lilac-200: #f3d3ea;
--color-exotic-lilac-300: #e1bdd7;
--color-exotic-lilac-400: #c79cbb;
--color-exotic-lilac-500: #a87f9d;
--color-exotic-lilac-600: #8b6380;
--color-exotic-lilac-700: #704c67;
--color-exotic-lilac-800: #583950;
--color-exotic-lilac-900: #442a3e;
--color-exotic-lilac-950: #2b1826;
--color-sugarwinkle: #ffc7e9;
--color-sugarwinkle-50: #fff3fa;
--color-sugarwinkle-100: #ffe5f4;
--color-sugarwinkle-200: #ffc7e9;
--color-sugarwinkle-300: #e2b3cf;
--color-sugarwinkle-400: #c492b1;
--color-sugarwinkle-500: #a87595;
--color-sugarwinkle-600: #8b5b79;
--color-sugarwinkle-700: #714561;
--color-sugarwinkle-800: #5a344c;
--color-sugarwinkle-900: #46273b;
--color-sugarwinkle-950: #2d1625;
}
Similar palettes
- 2E202F4631497B5E7F9E6D9ECB93C6F7D2F2Black Velvet to Scented Spring
- 6733512B131FD77EBDFBB1D9B04C89Grape to Our Little Secret
- 513D50EDE0EF8F7794201821B69EBEBlack Magic to Dripping Wisteria
- 99708EFFD5DB321622DC958961385BFruit of Passion to Long Passionate Night
- 28162186575AA56BB5E1B5B4FFE3F0543B57Black Cherry to Long Passionate Night
- 2E1B20FFCDD9D99EB6843850AB5777Black Cherry to Extravagant Blush
- B4ACD2E5D3F5583B56352428A37591Pastel Lilac to Drama Queen
- EABEDEC79AB5AD709C835F7964395E472D41Blackberry Yoghurt to Voodoo