Milky Waves to In Good Taste color palette
About this palette
Milky Waves to In Good Taste is a 5-color cool, vintage palette: #70ADD0 (Milky Waves), #193F50 (Cold and Dark), #BA8193 (Punched Pink), #9B4062 (Velvet Wine), #C2D699 (In Good Taste). It mixes blue, pink, red, green tones and feels cool overall. The strongest text pairing is #193F50 on #C2D699 with a contrast ratio of 7.16:1, and 2 of its 10 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Milky Waves | rgb(112, 173, 208) | hsl(202, 51%, 63%) | |
| Cold and Dark | rgb(25, 63, 80) | hsl(199, 52%, 21%) | |
| Punched Pink | rgb(186, 129, 147) | hsl(341, 29%, 62%) | |
| Velvet Wine | rgb(155, 64, 98) | hsl(338, 42%, 43%) | |
| In Good Taste | rgb(194, 214, 153) | hsl(80, 43%, 72%) |
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.
- Aa7.16:1 #193F50 on #C2D699
- Aa7.16:1 #C2D699 on #193F50
- Aa4.59:1 #70ADD0 on #193F50
- Aa4.59:1 #193F50 on #70ADD0
- Aa4.05:1 #9B4062 on #C2D699
- Aa4.05:1 #C2D699 on #9B4062
- Aa3.56:1 #193F50 on #BA8193
- Aa3.56:1 #BA8193 on #193F50
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Milky Waves to In Good Taste — https://swatchly.xyz/palette/70add0-193f50-ba8193-9b4062-c2d699 */
:root {
--milky-waves: #70add0;
--cold-and-dark: #193f50;
--punched-pink: #ba8193;
--velvet-wine: #9b4062;
--in-good-taste: #c2d699;
}
Tailwind CSS v4
/* Milky Waves to In Good Taste — https://swatchly.xyz/palette/70add0-193f50-ba8193-9b4062-c2d699 */
@theme {
--color-milky-waves: #70add0;
--color-milky-waves-50: #edf8ff;
--color-milky-waves-100: #d9f1ff;
--color-milky-waves-200: #b4e1fb;
--color-milky-waves-300: #98cbea;
--color-milky-waves-400: #70add0;
--color-milky-waves-500: #5491b2;
--color-milky-waves-600: #397595;
--color-milky-waves-700: #255d7a;
--color-milky-waves-800: #154962;
--color-milky-waves-900: #0b384d;
--color-milky-waves-950: #032232;
--color-cold-and-dark: #193f50;
--color-cold-and-dark-50: #eaf8ff;
--color-cold-and-dark-100: #d6f0fd;
--color-cold-and-dark-200: #bfddec;
--color-cold-and-dark-300: #a4c7d8;
--color-cold-and-dark-400: #83a9bc;
--color-cold-and-dark-500: #688fa3;
--color-cold-and-dark-600: #507688;
--color-cold-and-dark-700: #3d6071;
--color-cold-and-dark-800: #2e4d5d;
--color-cold-and-dark-900: #193f50;
--color-cold-and-dark-950: #132832;
--color-punched-pink: #ba8193;
--color-punched-pink-50: #ffeaf0;
--color-punched-pink-100: #ffd8e3;
--color-punched-pink-200: #efbfcd;
--color-punched-pink-300: #daa4b4;
--color-punched-pink-400: #ba8193;
--color-punched-pink-500: #a0697a;
--color-punched-pink-600: #855263;
--color-punched-pink-700: #6d3f4e;
--color-punched-pink-800: #58303e;
--color-punched-pink-900: #472530;
--color-punched-pink-950: #2f161f;
--color-velvet-wine: #9b4062;
--color-velvet-wine-50: #fff1f5;
--color-velvet-wine-100: #ffe0e9;
--color-velvet-wine-200: #ffc1d3;
--color-velvet-wine-300: #f79ebb;
--color-velvet-wine-400: #d97a9a;
--color-velvet-wine-500: #ba5c7d;
--color-velvet-wine-600: #9b4062;
--color-velvet-wine-700: #7e2f4d;
--color-velvet-wine-800: #66213c;
--color-velvet-wine-900: #51172e;
--color-velvet-wine-950: #350b1c;
--color-in-good-taste: #c2d699;
--color-in-good-taste-50: #e7f4cf;
--color-in-good-taste-100: #dae9bf;
--color-in-good-taste-200: #c2d699;
--color-in-good-taste-300: #afc08b;
--color-in-good-taste-400: #91a36a;
--color-in-good-taste-500: #788950;
--color-in-good-taste-600: #607039;
--color-in-good-taste-700: #4c5b27;
--color-in-good-taste-800: #3b481a;
--color-in-good-taste-900: #2d3810;
--color-in-good-taste-950: #1b2307;
}
Similar palettes
- ADDF8166BCBBC078A06A8E4F912965004F57Sage Sensation to Nocturnal Expedition
- 1F4253A04F5B3899AEE08B8FF3C08BCapital Blue to Dusty Boots
- FFB4CC82B7ABBB898F9B4A5E216B5E004E4ABaby Pink to Tropical Forest
- EEC5AA63AFD3A582686F4E340D3E58121C23Negroni to Black Stallion
- 023F43875A5289C3CEC47C79C2E6E8Rich Black to On Cloud Nine
- E2D9A46E483F9F5E52759FB6003B54Beige to Maniac Mansion
- 6D3C498B6DC059D0C1C0768F413251CED8A4Red Rumour to Zombie
- B4E9EF87AFBBBB7C6F835E5024484ETip of the Iceberg to Mysterious Waters