Prune to Mint Coffee color palette

6F1D00Prune 006C63Pine Scented Lagoon DA55B5Barbiecore F785DBShimmering Love CFFFF3Mint Coffee

About this palette

Prune to Mint Coffee is a 5-color warm palette: #6F1D00 (Prune), #006C63 (Pine Scented Lagoon), #DA55B5 (Barbiecore), #F785DB (Shimmering Love), #CFFFF3 (Mint Coffee). It mixes red, turquoise, pink, white tones and feels warm overall. The strongest text pairing is #6F1D00 on #CFFFF3 with a contrast ratio of 10.40:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Prune	rgb(111, 29, 0)	hsl(16, 100%, 22%)
Pine Scented Lagoon	rgb(0, 108, 99)	hsl(175, 100%, 21%)
Barbiecore	rgb(218, 85, 181)	hsl(317, 64%, 59%)
Shimmering Love	rgb(247, 133, 219)	hsl(315, 88%, 75%)
Mint Coffee	rgb(207, 255, 243)	hsl(165, 100%, 91%)

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.

Aa10.40:1 Very good#6F1D00 on #CFFFF3
Aa10.40:1 Very good#CFFFF3 on #6F1D00
Aa5.79:1 Good#006C63 on #CFFFF3
Aa5.79:1 Good#CFFFF3 on #006C63
Aa5.04:1 Good#6F1D00 on #F785DB
Aa5.04:1 Good#F785DB on #6F1D00
Aa3.24:1 Poor#DA55B5 on #CFFFF3
Aa3.24:1 Poor#CFFFF3 on #DA55B5

Color blindness preview

CSS variables

/* Prune to Mint Coffee — https://swatchly.xyz/palette/6f1d00-006c63-da55b5-f785db-cffff3 */
:root {
  --prune: #6f1d00;
  --pine-scented-lagoon: #006c63;
  --barbiecore: #da55b5;
  --shimmering-love: #f785db;
  --mint-coffee: #cffff3;
}

Tailwind CSS v4

/* Prune to Mint Coffee — https://swatchly.xyz/palette/6f1d00-006c63-da55b5-f785db-cffff3 */
@theme {
  --color-prune: #6f1d00;
  --color-prune-50: #fff2ee;
  --color-prune-100: #ffe5dd;
  --color-prune-200: #ffc9b9;
  --color-prune-300: #faa890;
  --color-prune-400: #dd856a;
  --color-prune-500: #c0674d;
  --color-prune-600: #a04c33;
  --color-prune-700: #823721;
  --color-prune-800: #6f1d00;
  --color-prune-900: #521b0a;
  --color-prune-950: #350e04;
  --color-pine-scented-lagoon: #006c63;
  --color-pine-scented-lagoon-50: #d7fff9;
  --color-pine-scented-lagoon-100: #c5f7f0;
  --color-pine-scented-lagoon-200: #abe7de;
  --color-pine-scented-lagoon-300: #8ed3ca;
  --color-pine-scented-lagoon-400: #67b6ac;
  --color-pine-scented-lagoon-500: #479c92;
  --color-pine-scented-lagoon-600: #2a8279;
  --color-pine-scented-lagoon-700: #006c63;
  --color-pine-scented-lagoon-800: #00554d;
  --color-pine-scented-lagoon-900: #00413b;
  --color-pine-scented-lagoon-950: #002925;
  --color-barbiecore: #da55b5;
  --color-barbiecore-50: #fff3fa;
  --color-barbiecore-100: #ffe7f6;
  --color-barbiecore-200: #ffcbec;
  --color-barbiecore-300: #ffa7e2;
  --color-barbiecore-400: #f375ce;
  --color-barbiecore-500: #da55b5;
  --color-barbiecore-600: #b93597;
  --color-barbiecore-700: #991a7b;
  --color-barbiecore-800: #7c0362;
  --color-barbiecore-900: #61004c;
  --color-barbiecore-950: #3e0030;
  --color-shimmering-love: #f785db;
  --color-shimmering-love-50: #ffe6f7;
  --color-shimmering-love-100: #ffd3f2;
  --color-shimmering-love-200: #ffaee9;
  --color-shimmering-love-300: #f785db;
  --color-shimmering-love-400: #d669bc;
  --color-shimmering-love-500: #bb4ea2;
  --color-shimmering-love-600: #9e3588;
  --color-shimmering-love-700: #832370;
  --color-shimmering-love-800: #6b155b;
  --color-shimmering-love-900: #570b49;
  --color-shimmering-love-950: #39042f;
  --color-mint-coffee: #cffff3;
  --color-mint-coffee-50: #cffff3;
  --color-mint-coffee-100: #d4f1e9;
  --color-mint-coffee-200: #bcdfd6;
  --color-mint-coffee-300: #a2cac0;
  --color-mint-coffee-400: #80aba1;
  --color-mint-coffee-500: #649086;
  --color-mint-coffee-600: #4b766c;
  --color-mint-coffee-700: #365e55;
  --color-mint-coffee-800: #274a42;
  --color-mint-coffee-900: #1b3933;
  --color-mint-coffee-950: #0e241f;
}