Start generating

Wineberry to Honey Bunny color palette

6D2C66Wineberry82496EGrape Kiss976475Fruit of PassionAC807ADusty DuchessC19C7FFrench OakD7B881Honey Bunny
Open in generator Export PNG, PDF, ASE…

About this palette

Wineberry to Honey Bunny is a 6-color warm, vintage, gradient palette: #6D2C66 (Wineberry), #82496E (Grape Kiss), #976475 (Fruit of Passion), #AC807A (Dusty Duchess), #C19C7F (French Oak), #D7B881 (Honey Bunny). It mixes purple, red, orange, yellow tones and feels warm overall. The strongest text pairing is #6D2C66 on #D7B881 with a contrast ratio of 5.02:1, and 1 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Wineberryrgb(109, 44, 102)hsl(306, 42%, 30%)
Grape Kissrgb(130, 73, 110)hsl(321, 28%, 40%)
Fruit of Passionrgb(151, 100, 117)hsl(340, 20%, 49%)
Dusty Duchessrgb(172, 128, 122)hsl(7, 23%, 58%)
French Oakrgb(193, 156, 127)hsl(26, 35%, 63%)
Honey Bunnyrgb(215, 184, 129)hsl(38, 52%, 67%)

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.

  • Aa5.02:1 Good#6D2C66 on #D7B881
  • Aa5.02:1 Good#D7B881 on #6D2C66
  • Aa3.78:1 Poor#6D2C66 on #C19C7F
  • Aa3.78:1 Poor#C19C7F on #6D2C66
  • Aa3.54:1 Poor#82496E on #D7B881
  • Aa3.54:1 Poor#D7B881 on #82496E

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Wineberry to Honey Bunny — https://swatchly.xyz/palette/6d2c66-82496e-976475-ac807a-c19c7f-d7b881 */
:root {
  --wineberry: #6d2c66;
  --grape-kiss: #82496e;
  --fruit-of-passion: #976475;
  --dusty-duchess: #ac807a;
  --french-oak: #c19c7f;
  --honey-bunny: #d7b881;
}

Tailwind CSS v4

/* Wineberry to Honey Bunny — https://swatchly.xyz/palette/6d2c66-82496e-976475-ac807a-c19c7f-d7b881 */
@theme {
  --color-wineberry: #6d2c66;
  --color-wineberry-50: #fff0fc;
  --color-wineberry-100: #ffe0fa;
  --color-wineberry-200: #fbc2f2;
  --color-wineberry-300: #eaaae0;
  --color-wineberry-400: #ce89c4;
  --color-wineberry-500: #b46eaa;
  --color-wineberry-600: #985590;
  --color-wineberry-700: #7f4178;
  --color-wineberry-800: #6d2c66;
  --color-wineberry-900: #53234e;
  --color-wineberry-950: #371433;
  --color-grape-kiss: #82496e;
  --color-grape-kiss-50: #fff0f9;
  --color-grape-kiss-100: #ffe1f3;
  --color-grape-kiss-200: #fac9e6;
  --color-grape-kiss-300: #e8b2d3;
  --color-grape-kiss-400: #cd91b7;
  --color-grape-kiss-500: #b4779d;
  --color-grape-kiss-600: #995e84;
  --color-grape-kiss-700: #82496e;
  --color-grape-kiss-800: #673757;
  --color-grape-kiss-900: #522943;
  --color-grape-kiss-950: #35172b;
  --color-fruit-of-passion: #976475;
  --color-fruit-of-passion-50: #fff1f5;
  --color-fruit-of-passion-100: #ffe5ed;
  --color-fruit-of-passion-200: #f8cedb;
  --color-fruit-of-passion-300: #e7b7c6;
  --color-fruit-of-passion-400: #cb97a8;
  --color-fruit-of-passion-500: #b27d8e;
  --color-fruit-of-passion-600: #976475;
  --color-fruit-of-passion-700: #7b4d5d;
  --color-fruit-of-passion-800: #633a48;
  --color-fruit-of-passion-900: #4d2b37;
  --color-fruit-of-passion-950: #321922;
  --color-dusty-duchess: #ac807a;
  --color-dusty-duchess-50: #fff3f1;
  --color-dusty-duchess-100: #ffe7e4;
  --color-dusty-duchess-200: #f5d2cd;
  --color-dusty-duchess-300: #e2bbb5;
  --color-dusty-duchess-400: #c69b95;
  --color-dusty-duchess-500: #ac807a;
  --color-dusty-duchess-600: #8e655f;
  --color-dusty-duchess-700: #744e49;
  --color-dusty-duchess-800: #5c3b37;
  --color-dusty-duchess-900: #482c29;
  --color-dusty-duchess-950: #2e1a18;
  --color-french-oak: #c19c7f;
  --color-french-oak-50: #fff4eb;
  --color-french-oak-100: #ffe8d6;
  --color-french-oak-200: #f0d3bd;
  --color-french-oak-300: #ddbca3;
  --color-french-oak-400: #c19c7f;
  --color-french-oak-500: #a48064;
  --color-french-oak-600: #87664a;
  --color-french-oak-700: #6e4f36;
  --color-french-oak-800: #573d27;
  --color-french-oak-900: #442e1b;
  --color-french-oak-950: #2b1b0e;
  --color-honey-bunny: #d7b881;
  --color-honey-bunny-50: #fff1d9;
  --color-honey-bunny-100: #fae6c2;
  --color-honey-bunny-200: #e8d1a7;
  --color-honey-bunny-300: #d7b881;
  --color-honey-bunny-400: #b79a65;
  --color-honey-bunny-500: #9c7f49;
  --color-honey-bunny-600: #816531;
  --color-honey-bunny-700: #694f1e;
  --color-honey-bunny-800: #543e11;
  --color-honey-bunny-900: #422f08;
  --color-honey-bunny-950: #2a1d02;
}

Similar palettes