Pale Sky to Blue Martini color palette

C1F5FFPale Sky 7A3B51Passionate Plum 3B141FChocolate Kiss A8785DCafé au Lait 45B9D8Blue Martini

About this palette

Pale Sky to Blue Martini is a 5-color warm, vintage palette: #C1F5FF (Pale Sky), #7A3B51 (Passionate Plum), #3B141F (Chocolate Kiss), #A8785D (Café au Lait), #45B9D8 (Blue Martini). It mixes turquoise, red, orange, blue tones and feels warm overall. The strongest text pairing is #C1F5FF on #3B141F with a contrast ratio of 13.61:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Pale Sky	rgb(193, 245, 255)	hsl(190, 100%, 88%)
Passionate Plum	rgb(122, 59, 81)	hsl(339, 35%, 35%)
Chocolate Kiss	rgb(59, 20, 31)	hsl(343, 49%, 15%)
Café au Lait	rgb(168, 120, 93)	hsl(22, 30%, 51%)
Blue Martini	rgb(69, 185, 216)	hsl(193, 65%, 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.61:1 Super#C1F5FF on #3B141F
Aa13.61:1 Super#3B141F on #C1F5FF
Aa7.03:1 Very good#3B141F on #45B9D8
Aa7.03:1 Very good#45B9D8 on #3B141F
Aa6.91:1 Good#C1F5FF on #7A3B51
Aa6.91:1 Good#7A3B51 on #C1F5FF
Aa4.22:1 Poor#3B141F on #A8785D
Aa4.22:1 Poor#A8785D on #3B141F

Color blindness preview

CSS variables

/* Pale Sky to Blue Martini — https://swatchly.xyz/palette/c1f5ff-7a3b51-3b141f-a8785d-45b9d8 */
:root {
  --pale-sky: #c1f5ff;
  --passionate-plum: #7a3b51;
  --chocolate-kiss: #3b141f;
  --caf-au-lait: #a8785d;
  --blue-martini: #45b9d8;
}

Tailwind CSS v4

/* Pale Sky to Blue Martini — https://swatchly.xyz/palette/c1f5ff-7a3b51-3b141f-a8785d-45b9d8 */
@theme {
  --color-pale-sky: #c1f5ff;
  --color-pale-sky-50: #e0faff;
  --color-pale-sky-100: #c1f5ff;
  --color-pale-sky-200: #b9dfe6;
  --color-pale-sky-300: #9ec9d1;
  --color-pale-sky-400: #7baab4;
  --color-pale-sky-500: #5e8f98;
  --color-pale-sky-600: #45747d;
  --color-pale-sky-700: #315d65;
  --color-pale-sky-800: #224950;
  --color-pale-sky-900: #17383e;
  --color-pale-sky-950: #0b2328;
  --color-passionate-plum: #7a3b51;
  --color-passionate-plum-50: #fff1f5;
  --color-passionate-plum-100: #ffe3ea;
  --color-passionate-plum-200: #fec5d5;
  --color-passionate-plum-300: #ebabbe;
  --color-passionate-plum-400: #ce899e;
  --color-passionate-plum-500: #b16c82;
  --color-passionate-plum-600: #935268;
  --color-passionate-plum-700: #7a3b51;
  --color-passionate-plum-800: #602e3f;
  --color-passionate-plum-900: #4b2130;
  --color-passionate-plum-950: #31131d;
  --color-chocolate-kiss: #3b141f;
  --color-chocolate-kiss-50: #fff1f4;
  --color-chocolate-kiss-100: #ffe3e8;
  --color-chocolate-kiss-200: #f4cbd3;
  --color-chocolate-kiss-300: #e0b3bc;
  --color-chocolate-kiss-400: #c3929c;
  --color-chocolate-kiss-500: #a87782;
  --color-chocolate-kiss-600: #8d5e68;
  --color-chocolate-kiss-700: #744a53;
  --color-chocolate-kiss-800: #5e3941;
  --color-chocolate-kiss-900: #4b2c33;
  --color-chocolate-kiss-950: #3b141f;
  --color-caf-au-lait: #a8785d;
  --color-caf-au-lait-50: #fff2eb;
  --color-caf-au-lait-100: #ffe4d6;
  --color-caf-au-lait-200: #f5cdb8;
  --color-caf-au-lait-300: #e1b59c;
  --color-caf-au-lait-400: #c49479;
  --color-caf-au-lait-500: #a8785d;
  --color-caf-au-lait-600: #8c5e45;
  --color-caf-au-lait-700: #724932;
  --color-caf-au-lait-800: #5b3823;
  --color-caf-au-lait-900: #482a18;
  --color-caf-au-lait-950: #2e190c;
  --color-blue-martini: #45b9d8;
  --color-blue-martini-50: #edfbff;
  --color-blue-martini-100: #d7f5ff;
  --color-blue-martini-200: #a3e9ff;
  --color-blue-martini-300: #7ed6f0;
  --color-blue-martini-400: #45b9d8;
  --color-blue-martini-500: #1b9bb9;
  --color-blue-martini-600: #007d97;
  --color-blue-martini-700: #006378;
  --color-blue-martini-800: #004d5e;
  --color-blue-martini-900: #003b48;
  --color-blue-martini-950: #00242d;
}