Root Beer to Black Stallion color palette
7F5454Root BeerD4B689Link to the Past15424FCold and DarkB57E82Old RoseFFE6C9Bisque0A161DBlack Stallion
About this palette
Root Beer to Black Stallion is a 6-color muted, warm, vintage palette: #7F5454 (Root Beer), #D4B689 (Link to the Past), #15424F (Cold and Dark), #B57E82 (Old Rose), #FFE6C9 (Bisque), #0A161D (Black Stallion). It mixes red, yellow, blue, orange, black tones and feels warm overall. The strongest text pairing is #FFE6C9 on #0A161D with a contrast ratio of 15.20:1, and 6 of its 15 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Root Beer | rgb(127, 84, 84) | hsl(0, 20%, 41%) | |
| Link to the Past | rgb(212, 182, 137) | hsl(36, 47%, 68%) | |
| Cold and Dark | rgb(21, 66, 79) | hsl(193, 58%, 20%) | |
| Old Rose | rgb(181, 126, 130) | hsl(356, 27%, 60%) | |
| Bisque | rgb(255, 230, 201) | hsl(32, 100%, 89%) | |
| Black Stallion | rgb(10, 22, 29) | hsl(202, 49%, 8%) |
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.
- Aa15.20:1 #FFE6C9 on #0A161D
- Aa15.20:1 #0A161D on #FFE6C9
- Aa9.47:1 #D4B689 on #0A161D
- Aa9.47:1 #0A161D on #D4B689
- Aa9.05:1 #15424F on #FFE6C9
- Aa9.05:1 #FFE6C9 on #15424F
- Aa5.64:1 #D4B689 on #15424F
- Aa5.64:1 #15424F on #D4B689
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Root Beer to Black Stallion — https://swatchly.xyz/palette/7f5454-d4b689-15424f-b57e82-ffe6c9-0a161d */
:root {
--root-beer: #7f5454;
--link-to-the-past: #d4b689;
--cold-and-dark: #15424f;
--old-rose: #b57e82;
--bisque: #ffe6c9;
--black-stallion: #0a161d;
}
Tailwind CSS v4
/* Root Beer to Black Stallion — https://swatchly.xyz/palette/7f5454-d4b689-15424f-b57e82-ffe6c9-0a161d */
@theme {
--color-root-beer: #7f5454;
--color-root-beer-50: #fff1f1;
--color-root-beer-100: #ffe1e0;
--color-root-beer-200: #efc9c8;
--color-root-beer-300: #daafae;
--color-root-beer-400: #ba8c8c;
--color-root-beer-500: #9d6f6f;
--color-root-beer-600: #7f5454;
--color-root-beer-700: #664141;
--color-root-beer-800: #523232;
--color-root-beer-900: #402626;
--color-root-beer-950: #291616;
--color-link-to-the-past: #d4b689;
--color-link-to-the-past-50: #fff0da;
--color-link-to-the-past-100: #f8e4c7;
--color-link-to-the-past-200: #e6cfac;
--color-link-to-the-past-300: #d4b689;
--color-link-to-the-past-400: #b4986d;
--color-link-to-the-past-500: #9a7d52;
--color-link-to-the-past-600: #7f643b;
--color-link-to-the-past-700: #674f28;
--color-link-to-the-past-800: #533d1b;
--color-link-to-the-past-900: #412f12;
--color-link-to-the-past-950: #2a1d07;
--color-cold-and-dark: #15424f;
--color-cold-and-dark-50: #e7f9ff;
--color-cold-and-dark-100: #d4f1fb;
--color-cold-and-dark-200: #bcdeea;
--color-cold-and-dark-300: #a0c7d4;
--color-cold-and-dark-400: #7ba7b5;
--color-cold-and-dark-500: #5e8a99;
--color-cold-and-dark-600: #446e7c;
--color-cold-and-dark-700: #2f5662;
--color-cold-and-dark-800: #15424f;
--color-cold-and-dark-900: #16323a;
--color-cold-and-dark-950: #0b1e24;
--color-old-rose: #b57e82;
--color-old-rose-50: #fff4f4;
--color-old-rose-100: #ffe8e9;
--color-old-rose-200: #fbd0d2;
--color-old-rose-300: #eab9bc;
--color-old-rose-400: #cf999d;
--color-old-rose-500: #b57e82;
--color-old-rose-600: #976266;
--color-old-rose-700: #7b4b4f;
--color-old-rose-800: #62393c;
--color-old-rose-900: #4d2a2d;
--color-old-rose-950: #31181a;
--color-bisque: #ffe6c9;
--color-bisque-50: #fff2e4;
--color-bisque-100: #ffe6c9;
--color-bisque-200: #e6d4bf;
--color-bisque-300: #d1bda5;
--color-bisque-400: #b39d83;
--color-bisque-500: #988267;
--color-bisque-600: #7d684e;
--color-bisque-700: #65513a;
--color-bisque-800: #503f2b;
--color-bisque-900: #3e301f;
--color-bisque-950: #271d11;
--color-black-stallion: #0a161d;
--color-black-stallion-50: #eef7fc;
--color-black-stallion-100: #e3edf3;
--color-black-stallion-200: #ced9e1;
--color-black-stallion-300: #b6c3cc;
--color-black-stallion-400: #95a4ad;
--color-black-stallion-500: #778690;
--color-black-stallion-600: #5c6a72;
--color-black-stallion-700: #455158;
--color-black-stallion-800: #313c42;
--color-black-stallion-900: #222a2f;
--color-black-stallion-950: #0a161d;
}
Similar palettes
- DBC8AFCC8F995C7DAF7E504E24484A201609Larb Gai to Noir Mystique
- 1D1C142B494F8254557A7295C8A39DDCDDC6Coco’s Black to Planet Earth
- EEC5AA63AFD3A582686F4E340D3E58121C23Negroni to Black Stallion
- 231C156C5A48F4E9DEBDB1A3987D65453B32Dark Orchestra to Batch Brew
- F5E8DB96B4CAA792816D5E522D3E4B1D252BA Smell of Bakery to Black Pearl
- EEE0CDC4AE9E2640483D66757D6267A28B92Buttercream to Nirvana
- 7A523D3A2725F7E9CAA76E69DBB297Brownstone to Cashmere
- 281D1A71535DA37E81D9BCA3FFF6F4Dark Orchestra to Sugar Milk