Scented Spring to Sanctum of Shadows color palette

E1D8F8Scented Spring 947764Whisky Barrel 00685BPhilodendron 78B1A3Beau Monde 3B2D44Sanctum of Shadows

Open in generator Export PNG, PDF, ASE…

About this palette

Scented Spring to Sanctum of Shadows is a 5-color muted, cool palette: #E1D8F8 (Scented Spring), #947764 (Whisky Barrel), #00685B (Philodendron), #78B1A3 (Beau Monde), #3B2D44 (Sanctum of Shadows). It mixes purple, orange, turquoise tones and feels cool overall. The strongest text pairing is #E1D8F8 on #3B2D44 with a contrast ratio of 9.35:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Scented Spring	rgb(225, 216, 248)	hsl(257, 70%, 91%)
Whisky Barrel	rgb(148, 119, 100)	hsl(24, 19%, 49%)
Philodendron	rgb(0, 104, 91)	hsl(172, 100%, 20%)
Beau Monde	rgb(120, 177, 163)	hsl(165, 27%, 58%)
Sanctum of Shadows	rgb(59, 45, 68)	hsl(277, 20%, 22%)

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.35:1 Very good#E1D8F8 on #3B2D44
Aa9.35:1 Very good#3B2D44 on #E1D8F8
Aa5.24:1 Good#78B1A3 on #3B2D44
Aa5.24:1 Good#3B2D44 on #78B1A3
Aa4.91:1 Good#E1D8F8 on #00685B
Aa4.91:1 Good#00685B on #E1D8F8
Aa3.09:1 Poor#947764 on #3B2D44
Aa3.09:1 Poor#3B2D44 on #947764

Color blindness preview

CSS variables

/* Scented Spring to Sanctum of Shadows — https://swatchly.xyz/palette/e1d8f8-947764-00685b-78b1a3-3b2d44 */
:root {
  --scented-spring: #e1d8f8;
  --whisky-barrel: #947764;
  --philodendron: #00685b;
  --beau-monde: #78b1a3;
  --sanctum-of-shadows: #3b2d44;
}

Tailwind CSS v4

/* Scented Spring to Sanctum of Shadows — https://swatchly.xyz/palette/e1d8f8-947764-00685b-78b1a3-3b2d44 */
@theme {
  --color-scented-spring: #e1d8f8;
  --color-scented-spring-50: #faf8ff;
  --color-scented-spring-100: #f2edff;
  --color-scented-spring-200: #e1d8f8;
  --color-scented-spring-300: #c9c1db;
  --color-scented-spring-400: #a8a0bd;
  --color-scented-spring-500: #8c84a1;
  --color-scented-spring-600: #716884;
  --color-scented-spring-700: #59516a;
  --color-scented-spring-800: #453e54;
  --color-scented-spring-900: #352f42;
  --color-scented-spring-950: #211d2a;
  --color-whisky-barrel: #947764;
  --color-whisky-barrel-50: #fff0e7;
  --color-whisky-barrel-100: #f8e3d6;
  --color-whisky-barrel-200: #e6cdbe;
  --color-whisky-barrel-300: #d0b5a3;
  --color-whisky-barrel-400: #b19480;
  --color-whisky-barrel-500: #947764;
  --color-whisky-barrel-600: #7a5f4d;
  --color-whisky-barrel-700: #624a3a;
  --color-whisky-barrel-800: #4e3a2c;
  --color-whisky-barrel-900: #3e2c20;
  --color-whisky-barrel-950: #281b12;
  --color-philodendron: #00685b;
  --color-philodendron-50: #d8fff6;
  --color-philodendron-100: #c6f7ed;
  --color-philodendron-200: #ace6da;
  --color-philodendron-300: #8ed2c4;
  --color-philodendron-400: #67b4a6;
  --color-philodendron-500: #479a8b;
  --color-philodendron-600: #2a7f71;
  --color-philodendron-700: #00685b;
  --color-philodendron-800: #005147;
  --color-philodendron-900: #003f36;
  --color-philodendron-950: #002822;
  --color-beau-monde: #78b1a3;
  --color-beau-monde-50: #dffef5;
  --color-beau-monde-100: #d2f5ec;
  --color-beau-monde-200: #bae4d8;
  --color-beau-monde-300: #9ecfc2;
  --color-beau-monde-400: #78b1a3;
  --color-beau-monde-500: #5c9587;
  --color-beau-monde-600: #42796d;
  --color-beau-monde-700: #2e6156;
  --color-beau-monde-800: #1e4c43;
  --color-beau-monde-900: #133b33;
  --color-beau-monde-950: #08251f;
  --color-sanctum-of-shadows: #3b2d44;
  --color-sanctum-of-shadows-50: #f9f2ff;
  --color-sanctum-of-shadows-100: #f1e6f9;
  --color-sanctum-of-shadows-200: #dfd2e8;
  --color-sanctum-of-shadows-300: #c9bad3;
  --color-sanctum-of-shadows-400: #aa9bb5;
  --color-sanctum-of-shadows-500: #8f7f9a;
  --color-sanctum-of-shadows-600: #75657f;
  --color-sanctum-of-shadows-700: #5d4f67;
  --color-sanctum-of-shadows-800: #4a3d52;
  --color-sanctum-of-shadows-900: #3b2d44;
  --color-sanctum-of-shadows-950: #241c29;
}