Woven to Pretty in Prune color palette

D8D0A1Woven C9A957Desert 6F9F88Emerald Oasis 6F6EA4Twinkle Night 006433Ficus Elastica 692C61Pretty in Prune

Open in generator Export PNG, PDF, ASE…

About this palette

Woven to Pretty in Prune is a 6-color earthy, vintage palette: #D8D0A1 (Woven), #C9A957 (Desert), #6F9F88 (Emerald Oasis), #6F6EA4 (Twinkle Night), #006433 (Ficus Elastica), #692C61 (Pretty in Prune). It mixes yellow, green, purple tones and feels balanced overall. The strongest text pairing is #D8D0A1 on #692C61 with a contrast ratio of 6.31:1, and 2 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Woven	rgb(216, 208, 161)	hsl(51, 41%, 74%)
Desert	rgb(201, 169, 87)	hsl(43, 51%, 56%)
Emerald Oasis	rgb(111, 159, 136)	hsl(151, 20%, 53%)
Twinkle Night	rgb(111, 110, 164)	hsl(241, 23%, 54%)
Ficus Elastica	rgb(0, 100, 51)	hsl(151, 100%, 20%)
Pretty in Prune	rgb(105, 44, 97)	hsl(308, 41%, 29%)

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.

Aa6.31:1 Good#D8D0A1 on #692C61
Aa6.31:1 Good#692C61 on #D8D0A1
Aa4.69:1 Good#D8D0A1 on #006433
Aa4.69:1 Good#006433 on #D8D0A1
Aa4.36:1 Poor#C9A957 on #692C61
Aa4.36:1 Poor#692C61 on #C9A957
Aa3.28:1 Poor#6F9F88 on #692C61
Aa3.28:1 Poor#692C61 on #6F9F88

Color blindness preview

CSS variables

/* Woven to Pretty in Prune — https://swatchly.xyz/palette/d8d0a1-c9a957-6f9f88-6f6ea4-006433-692c61 */
:root {
  --woven: #d8d0a1;
  --desert: #c9a957;
  --emerald-oasis: #6f9f88;
  --twinkle-night: #6f6ea4;
  --ficus-elastica: #006433;
  --pretty-in-prune: #692c61;
}

Tailwind CSS v4

/* Woven to Pretty in Prune — https://swatchly.xyz/palette/d8d0a1-c9a957-6f9f88-6f6ea4-006433-692c61 */
@theme {
  --color-woven: #d8d0a1;
  --color-woven-50: #f5f0d4;
  --color-woven-100: #eae5c5;
  --color-woven-200: #d8d0a1;
  --color-woven-300: #c2bb92;
  --color-woven-400: #a59d71;
  --color-woven-500: #8b8357;
  --color-woven-600: #726a40;
  --color-woven-700: #5c552e;
  --color-woven-800: #494320;
  --color-woven-900: #383316;
  --color-woven-950: #23200a;
  --color-desert: #c9a957;
  --color-desert-50: #fff9ea;
  --color-desert-100: #fff0cc;
  --color-desert-200: #f4dda6;
  --color-desert-300: #e2c888;
  --color-desert-400: #c9a957;
  --color-desert-500: #aa8b39;
  --color-desert-600: #8d6e13;
  --color-desert-700: #705600;
  --color-desert-800: #574200;
  --color-desert-900: #423200;
  --color-desert-950: #291d00;
  --color-emerald-oasis: #6f9f88;
  --color-emerald-oasis-50: #e4fff1;
  --color-emerald-oasis-100: #dbf8e9;
  --color-emerald-oasis-200: #c5e8d6;
  --color-emerald-oasis-300: #add5c1;
  --color-emerald-oasis-400: #8bb8a2;
  --color-emerald-oasis-500: #6f9f88;
  --color-emerald-oasis-600: #53826c;
  --color-emerald-oasis-700: #3c6854;
  --color-emerald-oasis-800: #2a5140;
  --color-emerald-oasis-900: #1d3e2f;
  --color-emerald-oasis-950: #0e261c;
  --color-twinkle-night: #6f6ea4;
  --color-twinkle-night-50: #f4f4ff;
  --color-twinkle-night-100: #eaebff;
  --color-twinkle-night-200: #d6d7ff;
  --color-twinkle-night-300: #c0c1f2;
  --color-twinkle-night-400: #a2a2d8;
  --color-twinkle-night-500: #8887bf;
  --color-twinkle-night-600: #6f6ea4;
  --color-twinkle-night-700: #575687;
  --color-twinkle-night-800: #44426d;
  --color-twinkle-night-900: #333256;
  --color-twinkle-night-950: #1f1e38;
  --color-ficus-elastica: #006433;
  --color-ficus-elastica-50: #deffe7;
  --color-ficus-elastica-100: #c8fad5;
  --color-ficus-elastica-200: #ade8bd;
  --color-ficus-elastica-300: #8ed3a2;
  --color-ficus-elastica-400: #67b480;
  --color-ficus-elastica-500: #479863;
  --color-ficus-elastica-600: #2a7c4a;
  --color-ficus-elastica-700: #006433;
  --color-ficus-elastica-800: #034e27;
  --color-ficus-elastica-900: #003d1c;
  --color-ficus-elastica-950: #002610;
  --color-pretty-in-prune: #692c61;
  --color-pretty-in-prune-50: #fff0fc;
  --color-pretty-in-prune-100: #ffe0f9;
  --color-pretty-in-prune-200: #f9c4f0;
  --color-pretty-in-prune-300: #e8abdd;
  --color-pretty-in-prune-400: #cc8ac1;
  --color-pretty-in-prune-500: #b16ea6;
  --color-pretty-in-prune-600: #95558b;
  --color-pretty-in-prune-700: #7b4173;
  --color-pretty-in-prune-800: #692c61;
  --color-pretty-in-prune-900: #50234a;
  --color-pretty-in-prune-950: #341430;
}