Start generating

Kiwi Kiss to English Walnut color palette

F0F5B7Kiwi KissE5B775Honey Gold9EA670Willow Leaf896C0BMuddy Brown694528Pumpernickel3E2717English Walnut
Open in generator Export PNG, PDF, ASE…

About this palette

Kiwi Kiss to English Walnut is a 6-color warm, earthy, vintage, gradient palette: #F0F5B7 (Kiwi Kiss), #E5B775 (Honey Gold), #9EA670 (Willow Leaf), #896C0B (Muddy Brown), #694528 (Pumpernickel), #3E2717 (English Walnut). It mixes yellow, green, brown tones and feels warm overall. The strongest text pairing is #F0F5B7 on #3E2717 with a contrast ratio of 12.24:1, and 5 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Kiwi Kissrgb(240, 245, 183)hsl(65, 76%, 84%)
Honey Goldrgb(229, 183, 117)hsl(35, 68%, 68%)
Willow Leafrgb(158, 166, 112)hsl(69, 23%, 55%)
Muddy Brownrgb(137, 108, 11)hsl(46, 85%, 29%)
Pumpernickelrgb(105, 69, 40)hsl(27, 45%, 28%)
English Walnutrgb(62, 39, 23)hsl(25, 46%, 17%)

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.

  • Aa12.24:1 Super#F0F5B7 on #3E2717
  • Aa12.24:1 Super#3E2717 on #F0F5B7
  • Aa7.54:1 Very good#E5B775 on #3E2717
  • Aa7.54:1 Very good#3E2717 on #E5B775
  • Aa7.43:1 Very good#F0F5B7 on #694528
  • Aa7.43:1 Very good#694528 on #F0F5B7
  • Aa5.40:1 Good#9EA670 on #3E2717
  • Aa5.40:1 Good#3E2717 on #9EA670

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Kiwi Kiss to English Walnut — https://swatchly.xyz/palette/f0f5b7-e5b775-9ea670-896c0b-694528-3e2717 */
:root {
  --kiwi-kiss: #f0f5b7;
  --honey-gold: #e5b775;
  --willow-leaf: #9ea670;
  --muddy-brown: #896c0b;
  --pumpernickel: #694528;
  --english-walnut: #3e2717;
}

Tailwind CSS v4

/* Kiwi Kiss to English Walnut — https://swatchly.xyz/palette/f0f5b7-e5b775-9ea670-896c0b-694528-3e2717 */
@theme {
  --color-kiwi-kiss: #f0f5b7;
  --color-kiwi-kiss-50: #f9fcdc;
  --color-kiwi-kiss-100: #f0f5b7;
  --color-kiwi-kiss-200: #dbdfb3;
  --color-kiwi-kiss-300: #c4c896;
  --color-kiwi-kiss-400: #a4a870;
  --color-kiwi-kiss-500: #898c52;
  --color-kiwi-kiss-600: #6e7138;
  --color-kiwi-kiss-700: #575925;
  --color-kiwi-kiss-800: #444617;
  --color-kiwi-kiss-900: #34360d;
  --color-kiwi-kiss-950: #202105;
  --color-honey-gold: #e5b775;
  --color-honey-gold-50: #fff3e2;
  --color-honey-gold-100: #ffe6c5;
  --color-honey-gold-200: #f3d0a0;
  --color-honey-gold-300: #e5b775;
  --color-honey-gold-400: #c3985a;
  --color-honey-gold-500: #a87c3a;
  --color-honey-gold-600: #8b621e;
  --color-honey-gold-700: #724c06;
  --color-honey-gold-800: #5a3b00;
  --color-honey-gold-900: #462d00;
  --color-honey-gold-950: #2d1b00;
  --color-willow-leaf: #9ea670;
  --color-willow-leaf-50: #f3f8d9;
  --color-willow-leaf-100: #e9efcc;
  --color-willow-leaf-200: #d5dbb2;
  --color-willow-leaf-300: #bec596;
  --color-willow-leaf-400: #9ea670;
  --color-willow-leaf-500: #838b56;
  --color-willow-leaf-600: #69703d;
  --color-willow-leaf-700: #53592a;
  --color-willow-leaf-800: #41461c;
  --color-willow-leaf-900: #323612;
  --color-willow-leaf-950: #1f2208;
  --color-muddy-brown: #896c0b;
  --color-muddy-brown-50: #fff5da;
  --color-muddy-brown-100: #feebba;
  --color-muddy-brown-200: #eed79d;
  --color-muddy-brown-300: #dbc17d;
  --color-muddy-brown-400: #bea154;
  --color-muddy-brown-500: #a48632;
  --color-muddy-brown-600: #896c0b;
  --color-muddy-brown-700: #6e5500;
  --color-muddy-brown-800: #564200;
  --color-muddy-brown-900: #423200;
  --color-muddy-brown-950: #2a1f00;
  --color-pumpernickel: #694528;
  --color-pumpernickel-50: #fff3e9;
  --color-pumpernickel-100: #ffe6d3;
  --color-pumpernickel-200: #f0cfb7;
  --color-pumpernickel-300: #dbb69b;
  --color-pumpernickel-400: #bc9476;
  --color-pumpernickel-500: #9f785a;
  --color-pumpernickel-600: #815d40;
  --color-pumpernickel-700: #694528;
  --color-pumpernickel-800: #52361f;
  --color-pumpernickel-900: #402916;
  --color-pumpernickel-950: #29180a;
  --color-english-walnut: #3e2717;
  --color-english-walnut-50: #fff2ea;
  --color-english-walnut-100: #fae7db;
  --color-english-walnut-200: #e9d2c4;
  --color-english-walnut-300: #d5bbab;
  --color-english-walnut-400: #b69a88;
  --color-english-walnut-500: #997d6b;
  --color-english-walnut-600: #7c6251;
  --color-english-walnut-700: #634b3c;
  --color-english-walnut-800: #4c392b;
  --color-english-walnut-900: #3e2717;
  --color-english-walnut-950: #231810;
}

Similar palettes