Woodhaven to Dr Who color palette
AA7A78Woodhaven936779Fruit of Passion483A4DItalian GrapeC8A9B9Monet MagicFDDCDAStrawberry Blonde735373Dr Who
About this palette
Woodhaven to Dr Who is a 6-color muted, warm, vintage palette: #AA7A78 (Woodhaven), #936779 (Fruit of Passion), #483A4D (Italian Grape), #C8A9B9 (Monet Magic), #FDDCDA (Strawberry Blonde), #735373 (Dr Who). It mixes red, purple, pink tones and feels warm overall. The strongest text pairing is #483A4D on #FDDCDA with a contrast ratio of 8.26:1, and 3 of its 15 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Woodhaven | rgb(170, 122, 120) | hsl(2, 23%, 57%) | |
| Fruit of Passion | rgb(147, 103, 121) | hsl(335, 18%, 49%) | |
| Italian Grape | rgb(72, 58, 77) | hsl(284, 14%, 26%) | |
| Monet Magic | rgb(200, 169, 185) | hsl(329, 22%, 72%) | |
| Strawberry Blonde | rgb(253, 220, 218) | hsl(3, 90%, 92%) | |
| Dr Who | rgb(115, 83, 115) | hsl(300, 16%, 39%) |
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.
- Aa8.26:1 #483A4D on #FDDCDA
- Aa8.26:1 #FDDCDA on #483A4D
- Aa5.11:1 #FDDCDA on #735373
- Aa5.11:1 #735373 on #FDDCDA
- Aa4.95:1 #483A4D on #C8A9B9
- Aa4.95:1 #C8A9B9 on #483A4D
- Aa3.69:1 #936779 on #FDDCDA
- Aa3.69:1 #FDDCDA on #936779
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Woodhaven to Dr Who — https://swatchly.xyz/palette/aa7a78-936779-483a4d-c8a9b9-fddcda-735373 */
:root {
--woodhaven: #aa7a78;
--fruit-of-passion: #936779;
--italian-grape: #483a4d;
--monet-magic: #c8a9b9;
--strawberry-blonde: #fddcda;
--dr-who: #735373;
}
Tailwind CSS v4
/* Woodhaven to Dr Who — https://swatchly.xyz/palette/aa7a78-936779-483a4d-c8a9b9-fddcda-735373 */
@theme {
--color-woodhaven: #aa7a78;
--color-woodhaven-50: #fff2f1;
--color-woodhaven-100: #ffe5e3;
--color-woodhaven-200: #f5cecc;
--color-woodhaven-300: #e2b6b4;
--color-woodhaven-400: #c59593;
--color-woodhaven-500: #aa7a78;
--color-woodhaven-600: #8d605e;
--color-woodhaven-700: #734a49;
--color-woodhaven-800: #5c3837;
--color-woodhaven-900: #482a29;
--color-woodhaven-950: #2e1918;
--color-fruit-of-passion: #936779;
--color-fruit-of-passion-50: #fff1f6;
--color-fruit-of-passion-100: #ffe5ef;
--color-fruit-of-passion-200: #f4d0de;
--color-fruit-of-passion-300: #e2b9c9;
--color-fruit-of-passion-400: #c79aac;
--color-fruit-of-passion-500: #ad8092;
--color-fruit-of-passion-600: #936779;
--color-fruit-of-passion-700: #785060;
--color-fruit-of-passion-800: #5f3c4b;
--color-fruit-of-passion-900: #4b2d39;
--color-fruit-of-passion-950: #301a24;
--color-italian-grape: #483a4d;
--color-italian-grape-50: #fbf1fe;
--color-italian-grape-100: #f2e7f6;
--color-italian-grape-200: #dfd2e4;
--color-italian-grape-300: #c9bbce;
--color-italian-grape-400: #aa9aaf;
--color-italian-grape-500: #8e7e94;
--color-italian-grape-600: #736478;
--color-italian-grape-700: #5b4e60;
--color-italian-grape-800: #483a4d;
--color-italian-grape-900: #372d3a;
--color-italian-grape-950: #221b24;
--color-monet-magic: #c8a9b9;
--color-monet-magic-50: #fbe8f2;
--color-monet-magic-100: #f1dbe6;
--color-monet-magic-200: #ddc3d1;
--color-monet-magic-300: #c8a9b9;
--color-monet-magic-400: #aa8d9c;
--color-monet-magic-500: #917483;
--color-monet-magic-600: #775c6b;
--color-monet-magic-700: #614956;
--color-monet-magic-800: #4e3944;
--color-monet-magic-900: #3f2d36;
--color-monet-magic-950: #281b22;
--color-strawberry-blonde: #fddcda;
--color-strawberry-blonde-50: #feebe9;
--color-strawberry-blonde-100: #fddcda;
--color-strawberry-blonde-200: #e5ccca;
--color-strawberry-blonde-300: #d1b5b4;
--color-strawberry-blonde-400: #b49695;
--color-strawberry-blonde-500: #997c7a;
--color-strawberry-blonde-600: #7f6361;
--color-strawberry-blonde-700: #674e4d;
--color-strawberry-blonde-800: #523c3b;
--color-strawberry-blonde-900: #402d2d;
--color-strawberry-blonde-950: #291b1b;
--color-dr-who: #735373;
--color-dr-who-50: #ffefff;
--color-dr-who-100: #fae3f9;
--color-dr-who-200: #ebcfea;
--color-dr-who-300: #d8b9d8;
--color-dr-who-400: #bc9bbc;
--color-dr-who-500: #a381a2;
--color-dr-who-600: #896889;
--color-dr-who-700: #735373;
--color-dr-who-800: #5b405b;
--color-dr-who-900: #473047;
--color-dr-who-950: #2e1d2e;
}
Similar palettes
- 4C36386D4F51A97979C0A7A8F4DCD9Vibrant Vine to Fresco
- EAD3D3CCAAA0A47B826D566444343FBridal Scent to Voodoo
- A590988B6A79E1DEEB615571C4BAC73D353DNirvana to Professor Plum
- A1827C4F3737FFE4E2815F59D2A69FOpium to La Vie en Rose
- EFDBE0976671694D56342329CBA7AFHomoeopathic Red to La Vie en Rose
- 9D7970785148F7D9D2D5ADA24D3C35Woodhaven to Film Noir
- 7A5E63573D42F5D5E89F857CBB9BB8Reading Tea Leaves to Dripping Wisteria
- 856C82BA95B9473A48744D6FDDC8DCMoonscape to Decadial Pink