Icy Breeze to Scandinavian Liquorice color palette

C3F0F8Icy Breeze 9FC0A7Meadow Morn 627B62Emerald City 6D425BGrape Fizz 1C1312Scandinavian Liquorice

About this palette

Icy Breeze to Scandinavian Liquorice is a 5-color muted, cool palette: #C3F0F8 (Icy Breeze), #9FC0A7 (Meadow Morn), #627B62 (Emerald City), #6D425B (Grape Fizz), #1C1312 (Scandinavian Liquorice). It mixes turquoise, green, red, black tones and feels cool overall. The strongest text pairing is #C3F0F8 on #1C1312 with a contrast ratio of 14.89:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Icy Breeze	rgb(195, 240, 248)	hsl(189, 79%, 87%)
Meadow Morn	rgb(159, 192, 167)	hsl(135, 21%, 69%)
Emerald City	rgb(98, 123, 98)	hsl(120, 11%, 43%)
Grape Fizz	rgb(109, 66, 91)	hsl(325, 25%, 34%)
Scandinavian Liquorice	rgb(28, 19, 18)	hsl(6, 22%, 9%)

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.

Aa14.89:1 Super#C3F0F8 on #1C1312
Aa14.89:1 Super#1C1312 on #C3F0F8
Aa9.18:1 Very good#9FC0A7 on #1C1312
Aa9.18:1 Very good#1C1312 on #9FC0A7
Aa6.64:1 Good#C3F0F8 on #6D425B
Aa6.64:1 Good#6D425B on #C3F0F8
Aa4.10:1 Poor#9FC0A7 on #6D425B
Aa4.10:1 Poor#6D425B on #9FC0A7

Color blindness preview

CSS variables

/* Icy Breeze to Scandinavian Liquorice — https://swatchly.xyz/palette/c3f0f8-9fc0a7-627b62-6d425b-1c1312 */
:root {
  --icy-breeze: #c3f0f8;
  --meadow-morn: #9fc0a7;
  --emerald-city: #627b62;
  --grape-fizz: #6d425b;
  --scandinavian-liquorice: #1c1312;
}

Tailwind CSS v4

/* Icy Breeze to Scandinavian Liquorice — https://swatchly.xyz/palette/c3f0f8-9fc0a7-627b62-6d425b-1c1312 */
@theme {
  --color-icy-breeze: #c3f0f8;
  --color-icy-breeze-50: #ddf7fb;
  --color-icy-breeze-100: #c3f0f8;
  --color-icy-breeze-200: #b9dbe1;
  --color-icy-breeze-300: #a0c6cc;
  --color-icy-breeze-400: #7ea8af;
  --color-icy-breeze-500: #638d94;
  --color-icy-breeze-600: #4a737a;
  --color-icy-breeze-700: #375c63;
  --color-icy-breeze-800: #27484e;
  --color-icy-breeze-900: #1c383d;
  --color-icy-breeze-950: #0e2326;
  --color-meadow-morn: #9fc0a7;
  --color-meadow-morn-50: #e2f6e6;
  --color-meadow-morn-100: #d4ebd9;
  --color-meadow-morn-200: #bcd6c2;
  --color-meadow-morn-300: #9fc0a7;
  --color-meadow-morn-400: #83a28a;
  --color-meadow-morn-500: #698971;
  --color-meadow-morn-600: #526f59;
  --color-meadow-morn-700: #3f5a46;
  --color-meadow-morn-800: #304736;
  --color-meadow-morn-900: #24382a;
  --color-meadow-morn-950: #152319;
  --color-emerald-city: #627b62;
  --color-emerald-city-50: #ebfaeb;
  --color-emerald-city-100: #e1f2e1;
  --color-emerald-city-200: #cde1cc;
  --color-emerald-city-300: #b6ccb5;
  --color-emerald-city-400: #96af96;
  --color-emerald-city-500: #7b957b;
  --color-emerald-city-600: #627b62;
  --color-emerald-city-700: #4b624c;
  --color-emerald-city-800: #394d39;
  --color-emerald-city-900: #2a3b2a;
  --color-emerald-city-950: #192519;
  --color-grape-fizz: #6d425b;
  --color-grape-fizz-50: #fff0f8;
  --color-grape-fizz-100: #ffe2f1;
  --color-grape-fizz-200: #f1cadf;
  --color-grape-fizz-300: #ddb1c9;
  --color-grape-fizz-400: #be8faa;
  --color-grape-fizz-500: #a2738e;
  --color-grape-fizz-600: #855972;
  --color-grape-fizz-700: #6d425b;
  --color-grape-fizz-800: #553347;
  --color-grape-fizz-900: #432637;
  --color-grape-fizz-950: #2b1622;
  --color-scandinavian-liquorice: #1c1312;
  --color-scandinavian-liquorice-50: #fbf3f2;
  --color-scandinavian-liquorice-100: #f1e9e8;
  --color-scandinavian-liquorice-200: #dfd5d4;
  --color-scandinavian-liquorice-300: #c9bebd;
  --color-scandinavian-liquorice-400: #aa9e9d;
  --color-scandinavian-liquorice-500: #8d817f;
  --color-scandinavian-liquorice-600: #706563;
  --color-scandinavian-liquorice-700: #574d4c;
  --color-scandinavian-liquorice-800: #413938;
  --color-scandinavian-liquorice-900: #2f2827;
  --color-scandinavian-liquorice-950: #1c1312;
}