Start generating

Blushing Rose to Kashmir color palette

DA9A83Blushing Rose5B3F30Espresso Bar0A1C24Black StallionEDD9F1Scented Spring658A63Kashmir
Open in generator Export PNG, PDF, ASE…

About this palette

Blushing Rose to Kashmir is a 5-color muted, earthy, vintage palette: #DA9A83 (Blushing Rose), #5B3F30 (Espresso Bar), #0A1C24 (Black Stallion), #EDD9F1 (Scented Spring), #658A63 (Kashmir). It mixes orange, brown, black, purple, green tones and feels balanced overall. The strongest text pairing is #0A1C24 on #EDD9F1 with a contrast ratio of 13.11:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Blushing Rosergb(218, 154, 131)hsl(16, 54%, 68%)
Espresso Barrgb(91, 63, 48)hsl(21, 31%, 27%)
Black Stallionrgb(10, 28, 36)hsl(198, 57%, 9%)
Scented Springrgb(237, 217, 241)hsl(290, 46%, 90%)
Kashmirrgb(101, 138, 99)hsl(117, 16%, 46%)

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.

  • Aa13.11:1 Super#0A1C24 on #EDD9F1
  • Aa13.11:1 Super#EDD9F1 on #0A1C24
  • Aa7.41:1 Very good#DA9A83 on #0A1C24
  • Aa7.41:1 Very good#0A1C24 on #DA9A83
  • Aa7.18:1 Very good#5B3F30 on #EDD9F1
  • Aa7.18:1 Very good#EDD9F1 on #5B3F30
  • Aa4.46:1 Poor#0A1C24 on #658A63
  • Aa4.46:1 Poor#658A63 on #0A1C24

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Blushing Rose to Kashmir — https://swatchly.xyz/palette/da9a83-5b3f30-0a1c24-edd9f1-658a63 */
:root {
  --blushing-rose: #da9a83;
  --espresso-bar: #5b3f30;
  --black-stallion: #0a1c24;
  --scented-spring: #edd9f1;
  --kashmir: #658a63;
}

Tailwind CSS v4

/* Blushing Rose to Kashmir — https://swatchly.xyz/palette/da9a83-5b3f30-0a1c24-edd9f1-658a63 */
@theme {
  --color-blushing-rose: #da9a83;
  --color-blushing-rose-50: #fff7f4;
  --color-blushing-rose-100: #ffece5;
  --color-blushing-rose-200: #ffd4c4;
  --color-blushing-rose-300: #f2bba8;
  --color-blushing-rose-400: #da9a83;
  --color-blushing-rose-500: #ba7d67;
  --color-blushing-rose-600: #9c614c;
  --color-blushing-rose-700: #7f4a36;
  --color-blushing-rose-800: #653726;
  --color-blushing-rose-900: #4f281a;
  --color-blushing-rose-950: #32170c;
  --color-espresso-bar: #5b3f30;
  --color-espresso-bar-50: #fff2ec;
  --color-espresso-bar-100: #fce6db;
  --color-espresso-bar-200: #ebd1c4;
  --color-espresso-bar-300: #d8bbac;
  --color-espresso-bar-400: #bb9b8b;
  --color-espresso-bar-500: #a08170;
  --color-espresso-bar-600: #856757;
  --color-espresso-bar-700: #6d5243;
  --color-espresso-bar-800: #5b3f30;
  --color-espresso-bar-900: #453126;
  --color-espresso-bar-950: #2d1e16;
  --color-black-stallion: #0a1c24;
  --color-black-stallion-50: #ebf7fe;
  --color-black-stallion-100: #e0eef5;
  --color-black-stallion-200: #cadbe3;
  --color-black-stallion-300: #b2c4ce;
  --color-black-stallion-400: #91a5af;
  --color-black-stallion-500: #748993;
  --color-black-stallion-600: #596d76;
  --color-black-stallion-700: #43555d;
  --color-black-stallion-800: #324148;
  --color-black-stallion-900: #233036;
  --color-black-stallion-950: #0a1c24;
  --color-scented-spring: #edd9f1;
  --color-scented-spring-50: #fefaff;
  --color-scented-spring-100: #faeffc;
  --color-scented-spring-200: #edd9f1;
  --color-scented-spring-300: #d2c2d5;
  --color-scented-spring-400: #b2a0b6;
  --color-scented-spring-500: #958399;
  --color-scented-spring-600: #79687c;
  --color-scented-spring-700: #605063;
  --color-scented-spring-800: #4a3d4d;
  --color-scented-spring-900: #3a2e3c;
  --color-scented-spring-950: #241c26;
  --color-kashmir: #658a63;
  --color-kashmir-50: #e5fbe3;
  --color-kashmir-100: #d7f1d5;
  --color-kashmir-200: #bfddbd;
  --color-kashmir-300: #a4c7a2;
  --color-kashmir-400: #82a77f;
  --color-kashmir-500: #658a63;
  --color-kashmir-600: #4d704c;
  --color-kashmir-700: #3a5a39;
  --color-kashmir-800: #2b472a;
  --color-kashmir-900: #20371f;
  --color-kashmir-950: #122311;
}

Similar palettes