Cardboard to Mink Color Palette

About this palette

Cardboard to Mink is a 4-color muted palette: #C69B76 (Cardboard), #2A3D39 (Charcoal), #ECE9F9 (Perfume Haze), #8C7567 (Mink). It mixes orange, gray, white tones and feels warm overall. The strongest text pairing is #2A3D39 on #ECE9F9 with a contrast ratio of 9.64:1, and 2 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Cardboard	rgb(198, 155, 118)	hsl(28, 41%, 62%)
Charcoal	rgb(42, 61, 57)	hsl(167, 18%, 20%)
Perfume Haze	rgb(236, 233, 249)	hsl(251, 57%, 95%)
Mink	rgb(140, 117, 103)	hsl(23, 15%, 48%)

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.

Aa9.64:1 Very good#2A3D39 on #ECE9F9
Aa9.64:1 Very good#ECE9F9 on #2A3D39
Aa4.58:1 Good#C69B76 on #2A3D39
Aa4.58:1 Good#2A3D39 on #C69B76
Aa3.62:1 Poor#ECE9F9 on #8C7567
Aa3.62:1 Poor#8C7567 on #ECE9F9

Color blindness preview

CSS variables

/* Cardboard to Mink — https://swatchly.xyz/palette/c69b76-2a3d39-ece9f9-8c7567 */
:root {
  --cardboard: #c69b76;
  --charcoal: #2a3d39;
  --perfume-haze: #ece9f9;
  --mink: #8c7567;
}

Tailwind CSS v4

/* Cardboard to Mink — https://swatchly.xyz/palette/c69b76-2a3d39-ece9f9-8c7567 */
@theme {
  --color-cardboard: #c69b76;
  --color-cardboard-50: #fff4eb;
  --color-cardboard-100: #ffe8d5;
  --color-cardboard-200: #f4d3b7;
  --color-cardboard-300: #e1bc9c;
  --color-cardboard-400: #c69b76;
  --color-cardboard-500: #a97f5b;
  --color-cardboard-600: #8c6441;
  --color-cardboard-700: #724e2e;
  --color-cardboard-800: #5a3b1f;
  --color-cardboard-900: #472d14;
  --color-cardboard-950: #2d1a09;
  --color-charcoal: #2a3d39;
  --color-charcoal-50: #ecf8f5;
  --color-charcoal-100: #e1efeb;
  --color-charcoal-200: #cbdcd8;
  --color-charcoal-300: #b3c6c1;
  --color-charcoal-400: #93a8a3;
  --color-charcoal-500: #798e89;
  --color-charcoal-600: #60746f;
  --color-charcoal-700: #4b5e5a;
  --color-charcoal-800: #3b4b48;
  --color-charcoal-900: #2a3d39;
  --color-charcoal-950: #1c2624;
  --color-perfume-haze: #ece9f9;
  --color-perfume-haze-50: #f6f4fd;
  --color-perfume-haze-100: #ece9f9;
  --color-perfume-haze-200: #d8d6e2;
  --color-perfume-haze-300: #c1bfcc;
  --color-perfume-haze-400: #a29fae;
  --color-perfume-haze-500: #878492;
  --color-perfume-haze-600: #6c6a77;
  --color-perfume-haze-700: #565360;
  --color-perfume-haze-800: #43414b;
  --color-perfume-haze-900: #33313a;
  --color-perfume-haze-950: #1f1e25;
  --color-mink: #8c7567;
  --color-mink-50: #fff0e7;
  --color-mink-100: #f4e3d9;
  --color-mink-200: #e0cdc1;
  --color-mink-300: #cab3a6;
  --color-mink-400: #a99284;
  --color-mink-500: #8c7567;
  --color-mink-600: #735d50;
  --color-mink-700: #5c493e;
  --color-mink-800: #4a392f;
  --color-mink-900: #3a2c23;
  --color-mink-950: #251b15;
}