Whisky Cola to A State of Mint color palette
About this palette
Whisky Cola to A State of Mint is a 5-color cool palette: #741C30 (Whisky Cola), #007482 (Waterworld), #D2518E (Kirby), #00C976 (Seaweed), #9AFBBC (A State of Mint). It mixes red, turquoise, pink, green tones and feels cool overall. The strongest text pairing is #741C30 on #9AFBBC with a contrast ratio of 8.66:1, and 2 of its 10 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Whisky Cola | rgb(116, 28, 48) | hsl(346, 61%, 28%) | |
| Waterworld | rgb(0, 116, 130) | hsl(186, 100%, 25%) | |
| Kirby | rgb(210, 81, 142) | hsl(332, 59%, 57%) | |
| Seaweed | rgb(0, 201, 118) | hsl(155, 100%, 39%) | |
| A State of Mint | rgb(154, 251, 188) | hsl(141, 92%, 79%) |
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.66:1 #741C30 on #9AFBBC
- Aa8.66:1 #9AFBBC on #741C30
- Aa4.93:1 #741C30 on #00C976
- Aa4.93:1 #00C976 on #741C30
- Aa4.42:1 #007482 on #9AFBBC
- Aa4.42:1 #9AFBBC on #007482
- Aa3.18:1 #D2518E on #9AFBBC
- Aa3.18:1 #9AFBBC on #D2518E
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Whisky Cola to A State of Mint — https://swatchly.xyz/palette/741c30-007482-d2518e-00c976-9afbbc */
:root {
--whisky-cola: #741c30;
--waterworld: #007482;
--kirby: #d2518e;
--seaweed: #00c976;
--a-state-of-mint: #9afbbc;
}
Tailwind CSS v4
/* Whisky Cola to A State of Mint — https://swatchly.xyz/palette/741c30-007482-d2518e-00c976-9afbbc */
@theme {
--color-whisky-cola: #741c30;
--color-whisky-cola-50: #fff1f2;
--color-whisky-cola-100: #ffe3e6;
--color-whisky-cola-200: #ffc7cc;
--color-whisky-cola-300: #fca5af;
--color-whisky-cola-400: #e0818e;
--color-whisky-cola-500: #c36472;
--color-whisky-cola-600: #a44a59;
--color-whisky-cola-700: #873644;
--color-whisky-cola-800: #741c30;
--color-whisky-cola-900: #571a26;
--color-whisky-cola-950: #390d16;
--color-waterworld: #007482;
--color-waterworld-50: #e1fbff;
--color-waterworld-100: #c0f5fe;
--color-waterworld-200: #a2e2ed;
--color-waterworld-300: #81ccd9;
--color-waterworld-400: #56adbb;
--color-waterworld-500: #32909e;
--color-waterworld-600: #007482;
--color-waterworld-700: #005c67;
--color-waterworld-800: #004851;
--color-waterworld-900: #00383f;
--color-waterworld-950: #002328;
--color-kirby: #d2518e;
--color-kirby-50: #fff1f6;
--color-kirby-100: #ffe3ed;
--color-kirby-200: #ffc5db;
--color-kirby-300: #ffa0c7;
--color-kirby-400: #ef70a9;
--color-kirby-500: #d2518e;
--color-kirby-600: #b23573;
--color-kirby-700: #931f5c;
--color-kirby-800: #780d48;
--color-kirby-900: #5f0337;
--color-kirby-950: #3f0023;
--color-seaweed: #00c976;
--color-seaweed-50: #e7ffef;
--color-seaweed-100: #c8ffda;
--color-seaweed-200: #93f6b9;
--color-seaweed-300: #6ce49d;
--color-seaweed-400: #00c976;
--color-seaweed-500: #00a761;
--color-seaweed-600: #00874d;
--color-seaweed-700: #006b3c;
--color-seaweed-800: #00532d;
--color-seaweed-900: #003f21;
--color-seaweed-950: #002712;
--color-a-state-of-mint: #9afbbc;
--color-a-state-of-mint-50: #c5fdd7;
--color-a-state-of-mint-100: #9afbbc;
--color-a-state-of-mint-200: #9be3b3;
--color-a-state-of-mint-300: #7ed09b;
--color-a-state-of-mint-400: #56b37a;
--color-a-state-of-mint-500: #359960;
--color-a-state-of-mint-600: #137f48;
--color-a-state-of-mint-700: #006738;
--color-a-state-of-mint-800: #00502a;
--color-a-state-of-mint-900: #003e1f;
--color-a-state-of-mint-950: #002712;
}
Similar palettes
- CD40B800869B66FECD003D4587330400D98CLoudicious Pink to Envy’s Love
- B9ECB385BD93B777930063676A2F4CIce Ice to Siren
- 47B2FFB6DC816C3035357EAF49581BD65583Glitter Lake to Feverish Passion
- 67CBFF3BC89CCC5D66007B991354395D262BNevermind Nirvana to Jazz
- 64191B006D72ACF6C176A471D79DE9Forbidden Passion to Dream Vapour
- 7E2553007D745EB4A5BE6477FFEAEF78D0C9Flirt to Hidden Sea Glass
- 4FEEE473002FF37F8F007A7100A28BNear Moon to Paolo Veronese Green
- B2FBA869CF4EAB6CB800763E412044Creamy Mint to Purple Void