Tardis Blue to Aquamarine Color Palette

About this palette

Tardis Blue to Aquamarine is a 5-color cool palette: #113C6A (Tardis Blue), #7A335C (Pleasure), #2E9175 (Pool Table), #D7A86E (Gold Digger), #50E8B4 (Aquamarine). It mixes blue, red, turquoise, orange tones and feels cool overall. The strongest text pairing is #113C6A on #50E8B4 with a contrast ratio of 7.21:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Tardis Blue	rgb(17, 60, 106)	hsl(211, 72%, 24%)
Pleasure	rgb(122, 51, 92)	hsl(325, 41%, 34%)
Pool Table	rgb(46, 145, 117)	hsl(163, 52%, 37%)
Gold Digger	rgb(215, 168, 110)	hsl(33, 57%, 64%)
Aquamarine	rgb(80, 232, 180)	hsl(159, 77%, 61%)

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.21:1 Very good#113C6A on #50E8B4
Aa7.21:1 Very good#50E8B4 on #113C6A
Aa5.52:1 Good#7A335C on #50E8B4
Aa5.52:1 Good#50E8B4 on #7A335C
Aa5.17:1 Good#113C6A on #D7A86E
Aa5.17:1 Good#D7A86E on #113C6A
Aa3.96:1 Poor#7A335C on #D7A86E
Aa3.96:1 Poor#D7A86E on #7A335C

Color blindness preview

CSS variables

/* Tardis Blue to Aquamarine — https://swatchly.xyz/palette/113c6a-7a335c-2e9175-d7a86e-50e8b4 */
:root {
  --tardis-blue: #113c6a;
  --pleasure: #7a335c;
  --pool-table: #2e9175;
  --gold-digger: #d7a86e;
  --aquamarine: #50e8b4;
}

Tailwind CSS v4

/* Tardis Blue to Aquamarine — https://swatchly.xyz/palette/113c6a-7a335c-2e9175-d7a86e-50e8b4 */
@theme {
  --color-tardis-blue: #113c6a;
  --color-tardis-blue-50: #eff6ff;
  --color-tardis-blue-100: #deedff;
  --color-tardis-blue-200: #bcdbff;
  --color-tardis-blue-300: #9cc3f2;
  --color-tardis-blue-400: #77a2d5;
  --color-tardis-blue-500: #5985b8;
  --color-tardis-blue-600: #406999;
  --color-tardis-blue-700: #2c517c;
  --color-tardis-blue-800: #113c6a;
  --color-tardis-blue-900: #132e4d;
  --color-tardis-blue-950: #091c31;
  --color-pleasure: #7a335c;
  --color-pleasure-50: #fff1f7;
  --color-pleasure-100: #ffe2f0;
  --color-pleasure-200: #ffc2e1;
  --color-pleasure-300: #eda6cb;
  --color-pleasure-400: #cf83ac;
  --color-pleasure-500: #b2668f;
  --color-pleasure-600: #934b73;
  --color-pleasure-700: #7a335c;
  --color-pleasure-800: #5f2848;
  --color-pleasure-900: #4b1c37;
  --color-pleasure-950: #310f23;
  --color-pool-table: #2e9175;
  --color-pool-table-50: #d4ffef;
  --color-pool-table-100: #bef7e2;
  --color-pool-table-200: #9fe4cc;
  --color-pool-table-300: #7eceb3;
  --color-pool-table-400: #53ae91;
  --color-pool-table-500: #2e9175;
  --color-pool-table-600: #09775d;
  --color-pool-table-700: #005f49;
  --color-pool-table-800: #004b39;
  --color-pool-table-900: #003a2c;
  --color-pool-table-950: #00251b;
  --color-gold-digger: #d7a86e;
  --color-gold-digger-50: #ffe9d0;
  --color-gold-digger-100: #fcdab3;
  --color-gold-digger-200: #eac394;
  --color-gold-digger-300: #d7a86e;
  --color-gold-digger-400: #b98c53;
  --color-gold-digger-500: #9f7339;
  --color-gold-digger-600: #855b22;
  --color-gold-digger-700: #6d4810;
  --color-gold-digger-800: #593804;
  --color-gold-digger-900: #482c00;
  --color-gold-digger-950: #2e1a00;
  --color-aquamarine: #50e8b4;
  --color-aquamarine-50: #ecfff6;
  --color-aquamarine-100: #ccffe8;
  --color-aquamarine-200: #99f5d0;
  --color-aquamarine-300: #50e8b4;
  --color-aquamarine-400: #30c495;
  --color-aquamarine-500: #00a479;
  --color-aquamarine-600: #008461;
  --color-aquamarine-700: #00684c;
  --color-aquamarine-800: #00513a;
  --color-aquamarine-900: #003d2b;
  --color-aquamarine-950: #00271a;
}