Melanzane to Dried Tomatoes color palette
About this palette
Melanzane to Dried Tomatoes is a 6-color warm, vintage palette: #362336 (Melanzane), #702E45 (Red Octopus), #E2A0A5 (Pastel Pink), #C570C4 (Lavendless), #FFD0C8 (Girlie), #B15B4A (Dried Tomatoes). It mixes purple, red, pink tones and feels warm overall. The strongest text pairing is #362336 on #FFD0C8 with a contrast ratio of 10.42:1, and 4 of its 15 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Melanzane | rgb(54, 35, 54) | hsl(300, 21%, 17%) | |
| Red Octopus | rgb(112, 46, 69) | hsl(339, 42%, 31%) | |
| Pastel Pink | rgb(226, 160, 165) | hsl(355, 53%, 76%) | |
| Lavendless | rgb(197, 112, 196) | hsl(301, 42%, 61%) | |
| Girlie | rgb(255, 208, 200) | hsl(9, 100%, 89%) | |
| Dried Tomatoes | rgb(177, 91, 74) | hsl(10, 41%, 49%) |
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.
- Aa10.42:1 #362336 on #FFD0C8
- Aa10.42:1 #FFD0C8 on #362336
- Aa6.98:1 #702E45 on #FFD0C8
- Aa6.98:1 #FFD0C8 on #702E45
- Aa6.76:1 #362336 on #E2A0A5
- Aa6.76:1 #E2A0A5 on #362336
- Aa4.53:1 #702E45 on #E2A0A5
- Aa4.53:1 #E2A0A5 on #702E45
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Melanzane to Dried Tomatoes — https://swatchly.xyz/palette/362336-702e45-e2a0a5-c570c4-ffd0c8-b15b4a */
:root {
--melanzane: #362336;
--red-octopus: #702e45;
--pastel-pink: #e2a0a5;
--lavendless: #c570c4;
--girlie: #ffd0c8;
--dried-tomatoes: #b15b4a;
}
Tailwind CSS v4
/* Melanzane to Dried Tomatoes — https://swatchly.xyz/palette/362336-702e45-e2a0a5-c570c4-ffd0c8-b15b4a */
@theme {
--color-melanzane: #362336;
--color-melanzane-50: #fef0fe;
--color-melanzane-100: #f5e5f5;
--color-melanzane-200: #e3d1e3;
--color-melanzane-300: #ceb9ce;
--color-melanzane-400: #ae97ae;
--color-melanzane-500: #917a91;
--color-melanzane-600: #745f74;
--color-melanzane-700: #5b485b;
--color-melanzane-800: #453545;
--color-melanzane-900: #362336;
--color-melanzane-950: #1e151e;
--color-red-octopus: #702e45;
--color-red-octopus-50: #fff1f4;
--color-red-octopus-100: #ffe3ea;
--color-red-octopus-200: #ffc5d5;
--color-red-octopus-300: #efacbf;
--color-red-octopus-400: #d48ba0;
--color-red-octopus-500: #b97086;
--color-red-octopus-600: #9d576d;
--color-red-octopus-700: #834257;
--color-red-octopus-800: #702e45;
--color-red-octopus-900: #552535;
--color-red-octopus-950: #381521;
--color-pastel-pink: #e2a0a5;
--color-pastel-pink-50: #ffe8e9;
--color-pastel-pink-100: #ffd7d9;
--color-pastel-pink-200: #f3bdc0;
--color-pastel-pink-300: #e2a0a5;
--color-pastel-pink-400: #c28489;
--color-pastel-pink-500: #a86b70;
--color-pastel-pink-600: #8d5359;
--color-pastel-pink-700: #744045;
--color-pastel-pink-800: #5e3136;
--color-pastel-pink-900: #4c252a;
--color-pastel-pink-950: #311619;
--color-lavendless: #c570c4;
--color-lavendless-50: #ffe8fe;
--color-lavendless-100: #ffd4fd;
--color-lavendless-200: #f9b3f7;
--color-lavendless-300: #e496e2;
--color-lavendless-400: #c570c4;
--color-lavendless-500: #aa57a9;
--color-lavendless-600: #8e408e;
--color-lavendless-700: #752d75;
--color-lavendless-800: #5f205f;
--color-lavendless-900: #4d164d;
--color-lavendless-950: #330b34;
--color-girlie: #ffd0c8;
--color-girlie-50: #fff6f5;
--color-girlie-100: #ffeae7;
--color-girlie-200: #ffd0c8;
--color-girlie-300: #e1bbb4;
--color-girlie-400: #c39992;
--color-girlie-500: #a77d76;
--color-girlie-600: #8a625b;
--color-girlie-700: #704b46;
--color-girlie-800: #583934;
--color-girlie-900: #452b27;
--color-girlie-950: #2c1a17;
--color-dried-tomatoes: #b15b4a;
--color-dried-tomatoes-50: #fff2ef;
--color-dried-tomatoes-100: #ffe7e2;
--color-dried-tomatoes-200: #ffcfc5;
--color-dried-tomatoes-300: #ffb1a0;
--color-dried-tomatoes-400: #e6907e;
--color-dried-tomatoes-500: #cc7462;
--color-dried-tomatoes-600: #b15b4a;
--color-dried-tomatoes-700: #924334;
--color-dried-tomatoes-800: #773124;
--color-dried-tomatoes-900: #5e2217;
--color-dried-tomatoes-950: #3e120b;
}
Similar palettes
- FFD1DDE896ABAD6C776C31462C1C1FLight Pink to Velvet Black
- FFD8DF451F2EC891A0B3687F702E41It’s a Girl! to Red Octopus
- 583141421A28BC8290E6A1BFA0596EF1C9D9Shadow Purple to Smidgen of Love
- 281627623444734E5DB86B5AB98FBCFFC2BABlack Cherry to Peach Fuzz
- FFE2E1E797B9AB606372351F3A192EDawn Patrol to Nightly Voyager
- 311A1DFFC3C0763B3DCF8E95A16663Black Cherry to Cinnapink
- D19CB2642C339E6853FACEDE2E1312Exotic Lilac to Black Cherry
- 2E1B20FFCDD9D99EB6843850AB5777Black Cherry to Extravagant Blush