Our Little Secret to Winter Lake Color Palette

About this palette

Our Little Secret to Winter Lake is a 5-color cool palette: #A75072 (Our Little Secret), #DBBB70 (Crisps), #004132 (Botanical Night), #28458E (Nuit Blanche), #6796CF (Winter Lake). It mixes red, yellow, turquoise, blue tones and feels cool overall. The strongest text pairing is #DBBB70 on #004132 with a contrast ratio of 6.30:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Our Little Secret	rgb(167, 80, 114)	hsl(337, 35%, 48%)
Crisps	rgb(219, 187, 112)	hsl(42, 60%, 65%)
Botanical Night	rgb(0, 65, 50)	hsl(166, 100%, 13%)
Nuit Blanche	rgb(40, 69, 142)	hsl(223, 56%, 36%)
Winter Lake	rgb(103, 150, 207)	hsl(213, 52%, 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.

Aa6.30:1 Good#DBBB70 on #004132
Aa6.30:1 Good#004132 on #DBBB70
Aa4.87:1 Good#DBBB70 on #28458E
Aa4.87:1 Good#28458E on #DBBB70
Aa3.80:1 Poor#004132 on #6796CF
Aa3.80:1 Poor#6796CF on #004132

Color blindness preview

CSS variables

/* Our Little Secret to Winter Lake — https://swatchly.xyz/palette/a75072-dbbb70-004132-28458e-6796cf */
:root {
  --our-little-secret: #a75072;
  --crisps: #dbbb70;
  --botanical-night: #004132;
  --nuit-blanche: #28458e;
  --winter-lake: #6796cf;
}

Tailwind CSS v4

/* Our Little Secret to Winter Lake — https://swatchly.xyz/palette/a75072-dbbb70-004132-28458e-6796cf */
@theme {
  --color-our-little-secret: #a75072;
  --color-our-little-secret-50: #fff1f5;
  --color-our-little-secret-100: #ffe4ec;
  --color-our-little-secret-200: #ffc8da;
  --color-our-little-secret-300: #faa8c5;
  --color-our-little-secret-400: #df86a6;
  --color-our-little-secret-500: #c46a8c;
  --color-our-little-secret-600: #a75072;
  --color-our-little-secret-700: #893b5a;
  --color-our-little-secret-800: #6f2a46;
  --color-our-little-secret-900: #581d36;
  --color-our-little-secret-950: #390f21;
  --color-crisps: #dbbb70;
  --color-crisps-50: #fff3d8;
  --color-crisps-100: #fce8ba;
  --color-crisps-200: #ebd39c;
  --color-crisps-300: #dbbb70;
  --color-crisps-400: #ba9c55;
  --color-crisps-500: #9f8135;
  --color-crisps-600: #846617;
  --color-crisps-700: #6a5000;
  --color-crisps-800: #543f00;
  --color-crisps-900: #413000;
  --color-crisps-950: #291d00;
  --color-botanical-night: #004132;
  --color-botanical-night-50: #defef2;
  --color-botanical-night-100: #d1f5e8;
  --color-botanical-night-200: #b8e2d3;
  --color-botanical-night-300: #9dcdbc;
  --color-botanical-night-400: #7aaf9d;
  --color-botanical-night-500: #5d9582;
  --color-botanical-night-600: #447a69;
  --color-botanical-night-700: #306353;
  --color-botanical-night-800: #214f42;
  --color-botanical-night-900: #004132;
  --color-botanical-night-950: #0a2820;
  --color-nuit-blanche: #28458e;
  --color-nuit-blanche-50: #f0f5ff;
  --color-nuit-blanche-100: #e2ebff;
  --color-nuit-blanche-200: #c5d8ff;
  --color-nuit-blanche-300: #a6c2ff;
  --color-nuit-blanche-400: #80a3f0;
  --color-nuit-blanche-500: #6588d7;
  --color-nuit-blanche-600: #4d6eba;
  --color-nuit-blanche-700: #3b589f;
  --color-nuit-blanche-800: #28458e;
  --color-nuit-blanche-900: #1f366c;
  --color-nuit-blanche-950: #112149;
  --color-winter-lake: #6796cf;
  --color-winter-lake-50: #f3f8ff;
  --color-winter-lake-100: #e6f1ff;
  --color-winter-lake-200: #c9e1ff;
  --color-winter-lake-300: #a6cefe;
  --color-winter-lake-400: #83b0e6;
  --color-winter-lake-500: #6796cf;
  --color-winter-lake-600: #4b78af;
  --color-winter-lake-700: #345f91;
  --color-winter-lake-800: #244975;
  --color-winter-lake-900: #17375d;
  --color-winter-lake-950: #0a213c;
}