Pastel Purple to Berry Jam Color Palette

About this palette

Pastel Purple to Berry Jam is a 5-color muted, cool palette: #A5A3BC (Pastel Purple), #CDBAE6 (Viking Diva), #414A29 (Palm Leaf), #798461 (Green Relict), #61557C (Berry Jam). It mixes purple, green tones and feels cool overall. The strongest text pairing is #CDBAE6 on #414A29 with a contrast ratio of 5.26:1, and 1 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Pastel Purple	rgb(165, 163, 188)	hsl(245, 16%, 69%)
Viking Diva	rgb(205, 186, 230)	hsl(266, 47%, 82%)
Palm Leaf	rgb(65, 74, 41)	hsl(76, 29%, 23%)
Green Relict	rgb(121, 132, 97)	hsl(79, 15%, 45%)
Berry Jam	rgb(97, 85, 124)	hsl(258, 19%, 41%)

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.26:1 Good#CDBAE6 on #414A29
Aa5.26:1 Good#414A29 on #CDBAE6
Aa3.83:1 Poor#A5A3BC on #414A29
Aa3.83:1 Poor#414A29 on #A5A3BC
Aa3.80:1 Poor#CDBAE6 on #61557C
Aa3.80:1 Poor#61557C on #CDBAE6

Color blindness preview

CSS variables

/* Pastel Purple to Berry Jam — https://swatchly.xyz/palette/a5a3bc-cdbae6-414a29-798461-61557c */
:root {
  --pastel-purple: #a5a3bc;
  --viking-diva: #cdbae6;
  --palm-leaf: #414a29;
  --green-relict: #798461;
  --berry-jam: #61557c;
}

Tailwind CSS v4

/* Pastel Purple to Berry Jam — https://swatchly.xyz/palette/a5a3bc-cdbae6-414a29-798461-61557c */
@theme {
  --color-pastel-purple: #a5a3bc;
  --color-pastel-purple-50: #f6f6ff;
  --color-pastel-purple-100: #edecfc;
  --color-pastel-purple-200: #dad8eb;
  --color-pastel-purple-300: #c4c2d8;
  --color-pastel-purple-400: #a5a3bc;
  --color-pastel-purple-500: #89879f;
  --color-pastel-purple-600: #6e6c83;
  --color-pastel-purple-700: #565569;
  --color-pastel-purple-800: #434153;
  --color-pastel-purple-900: #333141;
  --color-pastel-purple-950: #1f1e29;
  --color-viking-diva: #cdbae6;
  --color-viking-diva-50: #f9f4ff;
  --color-viking-diva-100: #f2e8ff;
  --color-viking-diva-200: #e1d3f3;
  --color-viking-diva-300: #cdbae6;
  --color-viking-diva-400: #ac9bc3;
  --color-viking-diva-500: #917fa8;
  --color-viking-diva-600: #75648b;
  --color-viking-diva-700: #5e4e71;
  --color-viking-diva-800: #493b5a;
  --color-viking-diva-900: #382d46;
  --color-viking-diva-950: #231b2d;
  --color-palm-leaf: #414a29;
  --color-palm-leaf-50: #f2f9e3;
  --color-palm-leaf-100: #e7efd7;
  --color-palm-leaf-200: #d3dcc0;
  --color-palm-leaf-300: #bdc7a6;
  --color-palm-leaf-400: #9da885;
  --color-palm-leaf-500: #838d6a;
  --color-palm-leaf-600: #697351;
  --color-palm-leaf-700: #545d3d;
  --color-palm-leaf-800: #414a29;
  --color-palm-leaf-900: #323921;
  --color-palm-leaf-950: #1f2312;
  --color-green-relict: #798461;
  --color-green-relict-50: #f0f7e2;
  --color-green-relict-100: #e4ecd4;
  --color-green-relict-200: #ced8bb;
  --color-green-relict-300: #b6c1a0;
  --color-green-relict-400: #95a17d;
  --color-green-relict-500: #798461;
  --color-green-relict-600: #616b4a;
  --color-green-relict-700: #4c5537;
  --color-green-relict-800: #3b4329;
  --color-green-relict-900: #2d341e;
  --color-green-relict-950: #1c2111;
  --color-berry-jam: #61557c;
  --color-berry-jam-50: #f6f3ff;
  --color-berry-jam-100: #ede7ff;
  --color-berry-jam-200: #dcd3f4;
  --color-berry-jam-300: #c8bde2;
  --color-berry-jam-400: #aa9ec7;
  --color-berry-jam-500: #9084ad;
  --color-berry-jam-600: #776b93;
  --color-berry-jam-700: #61557c;
  --color-berry-jam-800: #4c4262;
  --color-berry-jam-900: #3a324d;
  --color-berry-jam-950: #251e32;
}