Dr Who to Tranquili Teal color palette
About this palette
Dr Who to Tranquili Teal is a 6-color muted palette: #6F5C83 (Dr Who), #4B332F (Espresso), #A4BA9B (Norway), #D3E8EC (Castle in the Sky), #1A1E10 (Nightmare), #759DA7 (Tranquili Teal). It mixes purple, brown, green, gray, turquoise tones and feels cool overall. The strongest text pairing is #D3E8EC on #1A1E10 with a contrast ratio of 13.36:1, and 6 of its 15 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Dr Who | rgb(111, 92, 131) | hsl(269, 17%, 44%) | |
| Espresso | rgb(75, 51, 47) | hsl(9, 23%, 24%) | |
| Norway | rgb(164, 186, 155) | hsl(103, 18%, 67%) | |
| Castle in the Sky | rgb(211, 232, 236) | hsl(190, 40%, 88%) | |
| Nightmare | rgb(26, 30, 16) | hsl(77, 30%, 9%) | |
| Tranquili Teal | rgb(117, 157, 167) | hsl(192, 22%, 56%) |
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.
- Aa13.36:1 #D3E8EC on #1A1E10
- Aa13.36:1 #1A1E10 on #D3E8EC
- Aa9.11:1 #4B332F on #D3E8EC
- Aa9.11:1 #D3E8EC on #4B332F
- Aa8.14:1 #A4BA9B on #1A1E10
- Aa8.14:1 #1A1E10 on #A4BA9B
- Aa5.77:1 #1A1E10 on #759DA7
- Aa5.77:1 #759DA7 on #1A1E10
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Dr Who to Tranquili Teal — https://swatchly.xyz/palette/6f5c83-4b332f-a4ba9b-d3e8ec-1a1e10-759da7 */
:root {
--dr-who: #6f5c83;
--espresso: #4b332f;
--norway: #a4ba9b;
--castle-in-the-sky: #d3e8ec;
--nightmare: #1a1e10;
--tranquili-teal: #759da7;
}
Tailwind CSS v4
/* Dr Who to Tranquili Teal — https://swatchly.xyz/palette/6f5c83-4b332f-a4ba9b-d3e8ec-1a1e10-759da7 */
@theme {
--color-dr-who: #6f5c83;
--color-dr-who-50: #f8f2ff;
--color-dr-who-100: #f0e4ff;
--color-dr-who-200: #ddcdef;
--color-dr-who-300: #c7b5db;
--color-dr-who-400: #a793bc;
--color-dr-who-500: #8b77a0;
--color-dr-who-600: #6f5c83;
--color-dr-who-700: #58486a;
--color-dr-who-800: #463755;
--color-dr-who-900: #362a43;
--color-dr-who-950: #22192b;
--color-espresso: #4b332f;
--color-espresso-50: #fff2ef;
--color-espresso-100: #fae6e3;
--color-espresso-200: #e9d1cd;
--color-espresso-300: #d4bab5;
--color-espresso-400: #b89b97;
--color-espresso-500: #9e817c;
--color-espresso-600: #836864;
--color-espresso-700: #6c544f;
--color-espresso-800: #58423f;
--color-espresso-900: #4b332f;
--color-espresso-950: #2f211e;
--color-norway: #a4ba9b;
--color-norway-50: #e4f2df;
--color-norway-100: #d7e7d1;
--color-norway-200: #bfd1b8;
--color-norway-300: #a4ba9b;
--color-norway-400: #889d7f;
--color-norway-500: #708467;
--color-norway-600: #596c50;
--color-norway-700: #46573e;
--color-norway-800: #364630;
--color-norway-900: #2a3725;
--color-norway-950: #192215;
--color-castle-in-the-sky: #d3e8ec;
--color-castle-in-the-sky-50: #e5f1f4;
--color-castle-in-the-sky-100: #d3e8ec;
--color-castle-in-the-sky-200: #c5d5d8;
--color-castle-in-the-sky-300: #aec0c3;
--color-castle-in-the-sky-400: #8fa2a6;
--color-castle-in-the-sky-500: #75888c;
--color-castle-in-the-sky-600: #5c6e72;
--color-castle-in-the-sky-700: #48595c;
--color-castle-in-the-sky-800: #374548;
--color-castle-in-the-sky-900: #293538;
--color-castle-in-the-sky-950: #182123;
--color-nightmare: #1a1e10;
--color-nightmare-50: #f3f7ec;
--color-nightmare-100: #e9ede1;
--color-nightmare-200: #d5dacc;
--color-nightmare-300: #bec3b4;
--color-nightmare-400: #9fa493;
--color-nightmare-500: #838877;
--color-nightmare-600: #686d5d;
--color-nightmare-700: #515647;
--color-nightmare-800: #3e4235;
--color-nightmare-900: #2e3227;
--color-nightmare-950: #1a1e10;
--color-tranquili-teal: #759da7;
--color-tranquili-teal-50: #def6fc;
--color-tranquili-teal-100: #cfeaf1;
--color-tranquili-teal-200: #b5d5de;
--color-tranquili-teal-300: #99bec7;
--color-tranquili-teal-400: #759da7;
--color-tranquili-teal-500: #5c848d;
--color-tranquili-teal-600: #466b74;
--color-tranquili-teal-700: #34565e;
--color-tranquili-teal-800: #26444b;
--color-tranquili-teal-900: #1c363c;
--color-tranquili-teal-950: #0f2227;
}
Similar palettes
- 13262C47342F6C5979A0847CAAB8A1F0FDE9Sunken Ship to Snow White
- D2EDE9A9BBA17E96777969892A69654F2D2BSpa to Espresso
- 87697F809B855A4556A9BFB2221720D7E8DCSunshone Plum to Splashdown
- 99B3C7709EBDECDAC4456279241C17533C28Lost in Time to Turtle
- D8DDBCB5BB9A8997716D627F423C4E2A2231Planet Earth to Black Velvet
- 161E185545517462708C9F93B2D8C9FAE4F3Coco’s Black to Bunny Tail
- 4A4C6CE1DFF2B5AA7A819A8B3829307C5F6CIntergalactic to Chimaera
- 271E13564A3C687A8E7F9FB6DAB79BDEEAFABurnt Coffee to Freeze Up