Shipmate to Cold and Dark color palette
About this palette
Shipmate to Cold and Dark is a 5-color cool palette: #6EA4D3 (Shipmate), #7CCBC6 (Cyantific), #0B1815 (Black Stallion), #007C8D (Bermuda), #00454F (Cold and Dark). It mixes blue, turquoise, black tones and feels cool overall. The strongest text pairing is #7CCBC6 on #0B1815 with a contrast ratio of 9.70:1, and 3 of its 10 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Shipmate | rgb(110, 164, 211) | hsl(208, 53%, 63%) | |
| Cyantific | rgb(124, 203, 198) | hsl(176, 43%, 64%) | |
| Black Stallion | rgb(11, 24, 21) | hsl(166, 37%, 7%) | |
| Bermuda | rgb(0, 124, 141) | hsl(187, 100%, 28%) | |
| Cold and Dark | rgb(0, 69, 79) | hsl(188, 100%, 15%) |
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.
- Aa9.70:1 #7CCBC6 on #0B1815
- Aa9.70:1 #0B1815 on #7CCBC6
- Aa6.85:1 #6EA4D3 on #0B1815
- Aa6.85:1 #0B1815 on #6EA4D3
- Aa5.71:1 #7CCBC6 on #00454F
- Aa5.71:1 #00454F on #7CCBC6
- Aa4.03:1 #6EA4D3 on #00454F
- Aa4.03:1 #00454F on #6EA4D3
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Shipmate to Cold and Dark — https://swatchly.xyz/palette/6ea4d3-7ccbc6-0b1815-007c8d-00454f */
:root {
--shipmate: #6ea4d3;
--cyantific: #7ccbc6;
--black-stallion: #0b1815;
--bermuda: #007c8d;
--cold-and-dark: #00454f;
}
Tailwind CSS v4
/* Shipmate to Cold and Dark — https://swatchly.xyz/palette/6ea4d3-7ccbc6-0b1815-007c8d-00454f */
@theme {
--color-shipmate: #6ea4d3;
--color-shipmate-50: #ebf5ff;
--color-shipmate-100: #d8ecff;
--color-shipmate-200: #b2daff;
--color-shipmate-300: #95c4ee;
--color-shipmate-400: #6ea4d3;
--color-shipmate-500: #5489b6;
--color-shipmate-600: #3b6e99;
--color-shipmate-700: #28587f;
--color-shipmate-800: #1a4567;
--color-shipmate-900: #103552;
--color-shipmate-950: #062136;
--color-cyantific: #7ccbc6;
--color-cyantific-50: #d0fcf9;
--color-cyantific-100: #c1f2ee;
--color-cyantific-200: #a4dfdb;
--color-cyantific-300: #7ccbc6;
--color-cyantific-400: #60aca7;
--color-cyantific-500: #41918d;
--color-cyantific-600: #267773;
--color-cyantific-700: #0f605d;
--color-cyantific-800: #004c49;
--color-cyantific-900: #003c39;
--color-cyantific-950: #002524;
--color-black-stallion: #0b1815;
--color-black-stallion-50: #eef8f5;
--color-black-stallion-100: #e3eeeb;
--color-black-stallion-200: #cedbd7;
--color-black-stallion-300: #b6c5c1;
--color-black-stallion-400: #96a6a1;
--color-black-stallion-500: #788884;
--color-black-stallion-600: #5c6b67;
--color-black-stallion-700: #45534f;
--color-black-stallion-800: #323d3b;
--color-black-stallion-900: #232c2a;
--color-black-stallion-950: #0b1815;
--color-bermuda: #007c8d;
--color-bermuda-50: #e3faff;
--color-bermuda-100: #c6f5ff;
--color-bermuda-200: #a3e5f2;
--color-bermuda-300: #83d0e0;
--color-bermuda-400: #58b2c3;
--color-bermuda-500: #3397a8;
--color-bermuda-600: #007c8d;
--color-bermuda-700: #006270;
--color-bermuda-800: #004d58;
--color-bermuda-900: #003b44;
--color-bermuda-950: #00252b;
--color-cold-and-dark: #00454f;
--color-cold-and-dark-50: #e2faff;
--color-cold-and-dark-100: #cff3fa;
--color-cold-and-dark-200: #b5e0e9;
--color-cold-and-dark-300: #98cad3;
--color-cold-and-dark-400: #72aab5;
--color-cold-and-dark-500: #548d98;
--color-cold-and-dark-600: #3a717b;
--color-cold-and-dark-700: #255962;
--color-cold-and-dark-800: #00454f;
--color-cold-and-dark-900: #0d343b;
--color-cold-and-dark-950: #052025;
}
Similar palettes
- A2E2ED7EC7CE73A2A7007684204C53002023Blizzard Blue to Black Stallion
- 0C1A201F415019698D41A7D397CCE2F0FAFFBlack Stallion to Cotton Ball
- 004C528DCFD400859458ACBCADF2FD003034Nocturnal Expedition to Elite Teal
- CDF5EF92C3BC6BA0992D716920453F082421Minty Fresh to Sunken Ship
- B1DBFF3AB9D2008AA00065C900474A002527Droplet to Sunken Ship
- 00B2E6007779001E2B00514C8AC8FFF3F9FFBlue Bikini to Cotton Ball
- 2510120047422B746E63A8E0E8BC81Italian Roast to Cane Sugar
- 718DAC22535395B9B759718CF3DDD21E1412Heavenly Sky to Bats Cloak