Start generating

Sleepy Hollow to Blue Lips color palette

7CA071Sleepy Hollow9E514CTruffle TroubleE4F2DBMaison Verte593430Rampant RhubarbA6B9E8Blue Lips
Open in generator Export PNG, PDF, ASE…

About this palette

Sleepy Hollow to Blue Lips is a 5-color vintage palette: #7CA071 (Sleepy Hollow), #9E514C (Truffle Trouble), #E4F2DB (Maison Verte), #593430 (Rampant Rhubarb), #A6B9E8 (Blue Lips). It mixes green, red, white, brown, blue tones and feels balanced overall. The strongest text pairing is #E4F2DB on #593430 with a contrast ratio of 9.20:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Sleepy Hollowrgb(124, 160, 113)hsl(106, 20%, 54%)
Truffle Troublergb(158, 81, 76)hsl(4, 35%, 46%)
Maison Vertergb(228, 242, 219)hsl(97, 47%, 90%)
Rampant Rhubarbrgb(89, 52, 48)hsl(6, 30%, 27%)
Blue Lipsrgb(166, 185, 232)hsl(223, 59%, 78%)

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.20:1 Very good#E4F2DB on #593430
  • Aa9.20:1 Very good#593430 on #E4F2DB
  • Aa5.48:1 Good#593430 on #A6B9E8
  • Aa5.48:1 Good#A6B9E8 on #593430
  • Aa4.83:1 Good#9E514C on #E4F2DB
  • Aa4.83:1 Good#E4F2DB on #9E514C
  • Aa3.64:1 Poor#7CA071 on #593430
  • Aa3.64:1 Poor#593430 on #7CA071

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Sleepy Hollow to Blue Lips — https://swatchly.xyz/palette/7ca071-9e514c-e4f2db-593430-a6b9e8 */
:root {
  --sleepy-hollow: #7ca071;
  --truffle-trouble: #9e514c;
  --maison-verte: #e4f2db;
  --rampant-rhubarb: #593430;
  --blue-lips: #a6b9e8;
}

Tailwind CSS v4

/* Sleepy Hollow to Blue Lips — https://swatchly.xyz/palette/7ca071-9e514c-e4f2db-593430-a6b9e8 */
@theme {
  --color-sleepy-hollow: #7ca071;
  --color-sleepy-hollow-50: #e2f8db;
  --color-sleepy-hollow-100: #d3edcc;
  --color-sleepy-hollow-200: #bad8b1;
  --color-sleepy-hollow-300: #9fc195;
  --color-sleepy-hollow-400: #7ca071;
  --color-sleepy-hollow-500: #648759;
  --color-sleepy-hollow-600: #4d6e43;
  --color-sleepy-hollow-700: #3b5932;
  --color-sleepy-hollow-800: #2d4725;
  --color-sleepy-hollow-900: #22381b;
  --color-sleepy-hollow-950: #14240f;
  --color-truffle-trouble: #9e514c;
  --color-truffle-trouble-50: #fff2f0;
  --color-truffle-trouble-100: #ffe4e1;
  --color-truffle-trouble-200: #ffc8c2;
  --color-truffle-trouble-300: #f4aba4;
  --color-truffle-trouble-400: #d88881;
  --color-truffle-trouble-500: #bc6c66;
  --color-truffle-trouble-600: #9e514c;
  --color-truffle-trouble-700: #813d39;
  --color-truffle-trouble-800: #682d2a;
  --color-truffle-trouble-900: #53201e;
  --color-truffle-trouble-950: #361210;
  --color-maison-verte: #e4f2db;
  --color-maison-verte-50: #f2f9ed;
  --color-maison-verte-100: #e4f2db;
  --color-maison-verte-200: #d2ddcc;
  --color-maison-verte-300: #bbc6b3;
  --color-maison-verte-400: #9aa792;
  --color-maison-verte-500: #7f8b77;
  --color-maison-verte-600: #65705d;
  --color-maison-verte-700: #4f5947;
  --color-maison-verte-800: #3c4636;
  --color-maison-verte-900: #2e3629;
  --color-maison-verte-950: #1c2118;
  --color-rampant-rhubarb: #593430;
  --color-rampant-rhubarb-50: #fff2f0;
  --color-rampant-rhubarb-100: #ffe4e1;
  --color-rampant-rhubarb-200: #f1cec9;
  --color-rampant-rhubarb-300: #ddb6b0;
  --color-rampant-rhubarb-400: #bf948f;
  --color-rampant-rhubarb-500: #a37873;
  --color-rampant-rhubarb-600: #865e59;
  --color-rampant-rhubarb-700: #6c4844;
  --color-rampant-rhubarb-800: #593430;
  --color-rampant-rhubarb-900: #432926;
  --color-rampant-rhubarb-950: #2a1816;
  --color-blue-lips: #a6b9e8;
  --color-blue-lips-50: #ecf1ff;
  --color-blue-lips-100: #dce6ff;
  --color-blue-lips-200: #c2d1f6;
  --color-blue-lips-300: #a6b9e8;
  --color-blue-lips-400: #899bc7;
  --color-blue-lips-500: #6f81ad;
  --color-blue-lips-600: #576791;
  --color-blue-lips-700: #435277;
  --color-blue-lips-800: #344061;
  --color-blue-lips-900: #27324e;
  --color-blue-lips-950: #171e32;
}

Similar palettes