Pitch-Black Forests to Hello Winter color palette

003122Pitch-Black Forests 005750Cape Verde B45C7ACandied Apple FF8DB1Rock’n’Rose 92FBE8Hello Winter

About this palette

Pitch-Black Forests to Hello Winter is a 5-color cool, vintage palette: #003122 (Pitch-Black Forests), #005750 (Cape Verde), #B45C7A (Candied Apple), #FF8DB1 (Rock’n’Rose), #92FBE8 (Hello Winter). It mixes turquoise, red, pink tones and feels cool overall. The strongest text pairing is #003122 on #92FBE8 with a contrast ratio of 11.75:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Pitch-Black Forests	rgb(0, 49, 34)	hsl(162, 100%, 10%)
Cape Verde	rgb(0, 87, 80)	hsl(175, 100%, 17%)
Candied Apple	rgb(180, 92, 122)	hsl(340, 37%, 53%)
Rock’n’Rose	rgb(255, 141, 177)	hsl(341, 100%, 78%)
Hello Winter	rgb(146, 251, 232)	hsl(169, 93%, 78%)

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.

Aa11.75:1 Very good#003122 on #92FBE8
Aa11.75:1 Very good#92FBE8 on #003122
Aa6.93:1 Good#005750 on #92FBE8
Aa6.93:1 Good#92FBE8 on #005750
Aa6.63:1 Good#003122 on #FF8DB1
Aa6.63:1 Good#FF8DB1 on #003122
Aa3.91:1 Poor#005750 on #FF8DB1
Aa3.91:1 Poor#FF8DB1 on #005750

Color blindness preview

CSS variables

/* Pitch-Black Forests to Hello Winter — https://swatchly.xyz/palette/003122-005750-b45c7a-ff8db1-92fbe8 */
:root {
  --pitch-black-forests: #003122;
  --cape-verde: #005750;
  --candied-apple: #b45c7a;
  --rock-n-rose: #ff8db1;
  --hello-winter: #92fbe8;
}

Tailwind CSS v4

/* Pitch-Black Forests to Hello Winter — https://swatchly.xyz/palette/003122-005750-b45c7a-ff8db1-92fbe8 */
@theme {
  --color-pitch-black-forests: #003122;
  --color-pitch-black-forests-50: #e2fcf0;
  --color-pitch-black-forests-100: #d6f3e6;
  --color-pitch-black-forests-200: #bee1d1;
  --color-pitch-black-forests-300: #a4ccba;
  --color-pitch-black-forests-400: #81ad9a;
  --color-pitch-black-forests-500: #669380;
  --color-pitch-black-forests-600: #4e7a68;
  --color-pitch-black-forests-700: #3b6454;
  --color-pitch-black-forests-800: #2d5243;
  --color-pitch-black-forests-900: #214336;
  --color-pitch-black-forests-950: #003122;
  --color-cape-verde: #005750;
  --color-cape-verde-50: #d9fef9;
  --color-cape-verde-100: #cbf6ef;
  --color-cape-verde-200: #b0e4dc;
  --color-cape-verde-300: #95d0c8;
  --color-cape-verde-400: #71b3ab;
  --color-cape-verde-500: #549991;
  --color-cape-verde-600: #397f77;
  --color-cape-verde-700: #256962;
  --color-cape-verde-800: #005750;
  --color-cape-verde-900: #08433d;
  --color-cape-verde-950: #012b27;
  --color-candied-apple: #b45c7a;
  --color-candied-apple-50: #ffeef3;
  --color-candied-apple-100: #ffdde7;
  --color-candied-apple-200: #ffbdd0;
  --color-candied-apple-300: #f29eb8;
  --color-candied-apple-400: #d37a97;
  --color-candied-apple-500: #b45c7a;
  --color-candied-apple-600: #974562;
  --color-candied-apple-700: #7c324d;
  --color-candied-apple-800: #65243c;
  --color-candied-apple-900: #511a2f;
  --color-candied-apple-950: #350d1d;
  --color-rock-n-rose: #ff8db1;
  --color-rock-n-rose-50: #ffe9ee;
  --color-rock-n-rose-100: #ffd8e2;
  --color-rock-n-rose-200: #ffb7cb;
  --color-rock-n-rose-300: #ff8db1;
  --color-rock-n-rose-400: #dd7194;
  --color-rock-n-rose-500: #c1567b;
  --color-rock-n-rose-600: #a33e62;
  --color-rock-n-rose-700: #882b4e;
  --color-rock-n-rose-800: #6f1d3d;
  --color-rock-n-rose-900: #5a1330;
  --color-rock-n-rose-950: #3b081d;
  --color-hello-winter: #92fbe8;
  --color-hello-winter-50: #c4fdf1;
  --color-hello-winter-100: #92fbe8;
  --color-hello-winter-200: #96e3d5;
  --color-hello-winter-300: #77d0c0;
  --color-hello-winter-400: #4bb2a2;
  --color-hello-winter-500: #239887;
  --color-hello-winter-600: #007c6e;
  --color-hello-winter-700: #006458;
  --color-hello-winter-800: #004e44;
  --color-hello-winter-900: #003c34;
  --color-hello-winter-950: #002620;
}