Bridal Scent to Madras Color Palette

About this palette

Bridal Scent to Madras is a 5-color muted palette: #E8D3C9 (Bridal Scent), #AEBED5 (Supremely Cool), #7F93B0 (Celestial Horizon), #70594D (Baby Bear), #464123 (Madras). It mixes gray, blue, brown tones and feels balanced overall. The strongest text pairing is #E8D3C9 on #464123 with a contrast ratio of 7.15:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Bridal Scent	rgb(232, 211, 201)	hsl(19, 40%, 85%)
Supremely Cool	rgb(174, 190, 213)	hsl(215, 32%, 76%)
Celestial Horizon	rgb(127, 147, 176)	hsl(216, 24%, 59%)
Baby Bear	rgb(112, 89, 77)	hsl(21, 19%, 37%)
Madras	rgb(70, 65, 35)	hsl(51, 33%, 21%)

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.

Aa7.15:1 Very good#E8D3C9 on #464123
Aa7.15:1 Very good#464123 on #E8D3C9
Aa5.45:1 Good#AEBED5 on #464123
Aa5.45:1 Good#464123 on #AEBED5
Aa4.52:1 Good#E8D3C9 on #70594D
Aa4.52:1 Good#70594D on #E8D3C9
Aa3.45:1 Poor#AEBED5 on #70594D
Aa3.45:1 Poor#70594D on #AEBED5

Color blindness preview

CSS variables

/* Bridal Scent to Madras — https://swatchly.xyz/palette/e8d3c9-aebed5-7f93b0-70594d-464123 */
:root {
  --bridal-scent: #e8d3c9;
  --supremely-cool: #aebed5;
  --celestial-horizon: #7f93b0;
  --baby-bear: #70594d;
  --madras: #464123;
}

Tailwind CSS v4

/* Bridal Scent to Madras — https://swatchly.xyz/palette/e8d3c9-aebed5-7f93b0-70594d-464123 */
@theme {
  --color-bridal-scent: #e8d3c9;
  --color-bridal-scent-50: #fff3ed;
  --color-bridal-scent-100: #f6e8e2;
  --color-bridal-scent-200: #e8d3c9;
  --color-bridal-scent-300: #cfbdb5;
  --color-bridal-scent-400: #b09d94;
  --color-bridal-scent-500: #958279;
  --color-bridal-scent-600: #7a685f;
  --color-bridal-scent-700: #62514a;
  --color-bridal-scent-800: #4d3f38;
  --color-bridal-scent-900: #3c302a;
  --color-bridal-scent-950: #261d19;
  --color-supremely-cool: #aebed5;
  --color-supremely-cool-50: #ecf4ff;
  --color-supremely-cool-100: #dfe9f8;
  --color-supremely-cool-200: #c8d5e7;
  --color-supremely-cool-300: #aebed5;
  --color-supremely-cool-400: #909fb5;
  --color-supremely-cool-500: #76859a;
  --color-supremely-cool-600: #5d6b7f;
  --color-supremely-cool-700: #485567;
  --color-supremely-cool-800: #374352;
  --color-supremely-cool-900: #2a3341;
  --color-supremely-cool-950: #192029;
  --color-celestial-horizon: #7f93b0;
  --color-celestial-horizon-50: #f3f8ff;
  --color-celestial-horizon-100: #e6f0ff;
  --color-celestial-horizon-200: #d0dff5;
  --color-celestial-horizon-300: #b9cae4;
  --color-celestial-horizon-400: #9aadc9;
  --color-celestial-horizon-500: #7f93b0;
  --color-celestial-horizon-600: #637692;
  --color-celestial-horizon-700: #4c5d77;
  --color-celestial-horizon-800: #39485e;
  --color-celestial-horizon-900: #2a3749;
  --color-celestial-horizon-950: #18212f;
  --color-baby-bear: #70594d;
  --color-baby-bear-50: #fff2ec;
  --color-baby-bear-100: #f8e7df;
  --color-baby-bear-200: #e9d5cb;
  --color-baby-bear-300: #d6bfb4;
  --color-baby-bear-400: #b9a194;
  --color-baby-bear-500: #a0877a;
  --color-baby-bear-600: #866e62;
  --color-baby-bear-700: #70594d;
  --color-baby-bear-800: #58453b;
  --color-baby-bear-900: #45342c;
  --color-baby-bear-950: #2c201a;
  --color-madras: #464123;
  --color-madras-50: #f9f6e3;
  --color-madras-100: #efecd6;
  --color-madras-200: #dcd8bf;
  --color-madras-300: #c6c2a4;
  --color-madras-400: #a7a282;
  --color-madras-500: #8b8666;
  --color-madras-600: #706b4c;
  --color-madras-700: #595438;
  --color-madras-800: #464123;
  --color-madras-900: #35321d;
  --color-madras-950: #211e10;
}