Olive Leaf to Walkie Chalkie color palette

524739Olive Leaf 4C6578Night Market 9F826CTahini Brown 6FA9AATurquoise Fantasies D9B8BFShy Young Salmon FFF6F7Walkie Chalkie

Open in generator Export PNG, PDF, ASE…

About this palette

Olive Leaf to Walkie Chalkie is a 6-color muted palette: #524739 (Olive Leaf), #4C6578 (Night Market), #9F826C (Tahini Brown), #6FA9AA (Turquoise Fantasies), #D9B8BF (Shy Young Salmon), #FFF6F7 (Walkie Chalkie). It mixes gray, blue, orange, turquoise, pink, white tones and feels balanced overall. The strongest text pairing is #524739 on #FFF6F7 with a contrast ratio of 8.53:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Olive Leaf	rgb(82, 71, 57)	hsl(34, 18%, 27%)
Night Market	rgb(76, 101, 120)	hsl(206, 22%, 38%)
Tahini Brown	rgb(159, 130, 108)	hsl(26, 21%, 52%)
Turquoise Fantasies	rgb(111, 169, 170)	hsl(181, 26%, 55%)
Shy Young Salmon	rgb(217, 184, 191)	hsl(347, 30%, 79%)
Walkie Chalkie	rgb(255, 246, 247)	hsl(353, 100%, 98%)

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.

Aa8.53:1 Very good#524739 on #FFF6F7
Aa8.53:1 Very good#FFF6F7 on #524739
Aa5.75:1 Good#4C6578 on #FFF6F7
Aa5.75:1 Good#FFF6F7 on #4C6578
Aa4.98:1 Good#524739 on #D9B8BF
Aa4.98:1 Good#D9B8BF on #524739
Aa3.42:1 Poor#524739 on #6FA9AA
Aa3.42:1 Poor#6FA9AA on #524739

Color blindness preview

CSS variables

/* Olive Leaf to Walkie Chalkie — https://swatchly.xyz/palette/524739-4c6578-9f826c-6fa9aa-d9b8bf-fff6f7 */
:root {
  --olive-leaf: #524739;
  --night-market: #4c6578;
  --tahini-brown: #9f826c;
  --turquoise-fantasies: #6fa9aa;
  --shy-young-salmon: #d9b8bf;
  --walkie-chalkie: #fff6f7;
}

Tailwind CSS v4

/* Olive Leaf to Walkie Chalkie — https://swatchly.xyz/palette/524739-4c6578-9f826c-6fa9aa-d9b8bf-fff6f7 */
@theme {
  --color-olive-leaf: #524739;
  --color-olive-leaf-50: #fbf4eb;
  --color-olive-leaf-100: #f2eadf;
  --color-olive-leaf-200: #e0d6c9;
  --color-olive-leaf-300: #cbc0b2;
  --color-olive-leaf-400: #aea293;
  --color-olive-leaf-500: #948878;
  --color-olive-leaf-600: #7a6f60;
  --color-olive-leaf-700: #64594b;
  --color-olive-leaf-800: #524739;
  --color-olive-leaf-900: #3f372c;
  --color-olive-leaf-950: #28221a;
  --color-night-market: #4c6578;
  --color-night-market-50: #ecf7ff;
  --color-night-market-100: #daecfa;
  --color-night-market-200: #c2d7e8;
  --color-night-market-300: #a7bfd2;
  --color-night-market-400: #849eb2;
  --color-night-market-500: #678195;
  --color-night-market-600: #4c6578;
  --color-night-market-700: #3a5060;
  --color-night-market-800: #2c3f4d;
  --color-night-market-900: #21303c;
  --color-night-market-950: #131e26;
  --color-tahini-brown: #9f826c;
  --color-tahini-brown-50: #fff3ea;
  --color-tahini-brown-100: #fce8d9;
  --color-tahini-brown-200: #ebd4c2;
  --color-tahini-brown-300: #d7bda9;
  --color-tahini-brown-400: #ba9d88;
  --color-tahini-brown-500: #9f826c;
  --color-tahini-brown-600: #836752;
  --color-tahini-brown-700: #6a513e;
  --color-tahini-brown-800: #543e2e;
  --color-tahini-brown-900: #412f21;
  --color-tahini-brown-950: #291c12;
  --color-turquoise-fantasies: #6fa9aa;
  --color-turquoise-fantasies-50: #dafbfb;
  --color-turquoise-fantasies-100: #ccf1f2;
  --color-turquoise-fantasies-200: #b2dedf;
  --color-turquoise-fantasies-300: #96c8c9;
  --color-turquoise-fantasies-400: #6fa9aa;
  --color-turquoise-fantasies-500: #558e8f;
  --color-turquoise-fantasies-600: #3c7475;
  --color-turquoise-fantasies-700: #295d5e;
  --color-turquoise-fantasies-800: #1a494a;
  --color-turquoise-fantasies-900: #10393a;
  --color-turquoise-fantasies-950: #072425;
  --color-shy-young-salmon: #d9b8bf;
  --color-shy-young-salmon-50: #fff2f4;
  --color-shy-young-salmon-100: #fbe6ea;
  --color-shy-young-salmon-200: #ead1d6;
  --color-shy-young-salmon-300: #d9b8bf;
  --color-shy-young-salmon-400: #b899a0;
  --color-shy-young-salmon-500: #9c7d84;
  --color-shy-young-salmon-600: #80636a;
  --color-shy-young-salmon-700: #674d53;
  --color-shy-young-salmon-800: #523b40;
  --color-shy-young-salmon-900: #402d31;
  --color-shy-young-salmon-950: #291b1e;
  --color-walkie-chalkie: #fff6f7;
  --color-walkie-chalkie-50: #fff6f7;
  --color-walkie-chalkie-100: #f2eced;
  --color-walkie-chalkie-200: #ded8d9;
  --color-walkie-chalkie-300: #c8c0c1;
  --color-walkie-chalkie-400: #a8a0a1;
  --color-walkie-chalkie-500: #8c8485;
  --color-walkie-chalkie-600: #716a6a;
  --color-walkie-chalkie-700: #5a5354;
  --color-walkie-chalkie-800: #474141;
  --color-walkie-chalkie-900: #363132;
  --color-walkie-chalkie-950: #221e1f;
}