Inca Gold to Darkest Forest Color Palette

About this palette

Inca Gold to Darkest Forest is a 5-color earthy, vintage palette: #AA6F32 (Inca Gold), #B992EC (Dreamy Candy Forest), #E0EEFF (Cotton Boll), #684D2E (Jungle Beat), #223200 (Darkest Forest). It mixes orange, purple, white, brown, green tones and feels balanced overall. The strongest text pairing is #E0EEFF on #223200 with a contrast ratio of 11.71:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Inca Gold	rgb(170, 111, 50)	hsl(31, 55%, 43%)
Dreamy Candy Forest	rgb(185, 146, 236)	hsl(266, 70%, 75%)
Cotton Boll	rgb(224, 238, 255)	hsl(213, 100%, 94%)
Jungle Beat	rgb(104, 77, 46)	hsl(32, 39%, 29%)
Darkest Forest	rgb(34, 50, 0)	hsl(79, 100%, 10%)

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.

Aa11.71:1 Very good#E0EEFF on #223200
Aa11.71:1 Very good#223200 on #E0EEFF
Aa6.63:1 Good#E0EEFF on #684D2E
Aa6.63:1 Good#684D2E on #E0EEFF
Aa5.50:1 Good#B992EC on #223200
Aa5.50:1 Good#223200 on #B992EC
Aa3.55:1 Poor#AA6F32 on #E0EEFF
Aa3.55:1 Poor#E0EEFF on #AA6F32

Color blindness preview

CSS variables

/* Inca Gold to Darkest Forest — https://swatchly.xyz/palette/aa6f32-b992ec-e0eeff-684d2e-223200 */
:root {
  --inca-gold: #aa6f32;
  --dreamy-candy-forest: #b992ec;
  --cotton-boll: #e0eeff;
  --jungle-beat: #684d2e;
  --darkest-forest: #223200;
}

Tailwind CSS v4

/* Inca Gold to Darkest Forest — https://swatchly.xyz/palette/aa6f32-b992ec-e0eeff-684d2e-223200 */
@theme {
  --color-inca-gold: #aa6f32;
  --color-inca-gold-50: #fff1e4;
  --color-inca-gold-100: #ffe2c9;
  --color-inca-gold-200: #fac89b;
  --color-inca-gold-300: #e6ae7b;
  --color-inca-gold-400: #c88c52;
  --color-inca-gold-500: #aa6f32;
  --color-inca-gold-600: #8e5718;
  --color-inca-gold-700: #744302;
  --color-inca-gold-800: #5c3300;
  --color-inca-gold-900: #492700;
  --color-inca-gold-950: #2f1800;
  --color-dreamy-candy-forest: #b992ec;
  --color-dreamy-candy-forest-50: #f9f5ff;
  --color-dreamy-candy-forest-100: #f2eaff;
  --color-dreamy-candy-forest-200: #e4d2ff;
  --color-dreamy-candy-forest-300: #d4b6ff;
  --color-dreamy-candy-forest-400: #b992ec;
  --color-dreamy-candy-forest-500: #9c75cc;
  --color-dreamy-candy-forest-600: #805aae;
  --color-dreamy-candy-forest-700: #674390;
  --color-dreamy-candy-forest-800: #513175;
  --color-dreamy-candy-forest-900: #3f235c;
  --color-dreamy-candy-forest-950: #27143c;
  --color-cotton-boll: #e0eeff;
  --color-cotton-boll-50: #f0f7ff;
  --color-cotton-boll-100: #e0eeff;
  --color-cotton-boll-200: #cfdae6;
  --color-cotton-boll-300: #b7c3d1;
  --color-cotton-boll-400: #97a3b3;
  --color-cotton-boll-500: #7b8897;
  --color-cotton-boll-600: #616d7c;
  --color-cotton-boll-700: #4c5663;
  --color-cotton-boll-800: #3a434f;
  --color-cotton-boll-900: #2c343d;
  --color-cotton-boll-950: #1a2027;
  --color-jungle-beat: #684d2e;
  --color-jungle-beat-50: #fff3e6;
  --color-jungle-beat-100: #fce7d2;
  --color-jungle-beat-200: #ead3b9;
  --color-jungle-beat-300: #d6bb9e;
  --color-jungle-beat-400: #b89a7b;
  --color-jungle-beat-500: #9c7e5e;
  --color-jungle-beat-600: #806445;
  --color-jungle-beat-700: #684d2e;
  --color-jungle-beat-800: #513c23;
  --color-jungle-beat-900: #3f2d18;
  --color-jungle-beat-950: #281b0c;
  --color-darkest-forest: #223200;
  --color-darkest-forest-50: #eefbdd;
  --color-darkest-forest-100: #e3f1d0;
  --color-darkest-forest-200: #cedfb8;
  --color-darkest-forest-300: #b6c99d;
  --color-darkest-forest-400: #94a978;
  --color-darkest-forest-500: #788c5a;
  --color-darkest-forest-600: #5d7040;
  --color-darkest-forest-700: #46572c;
  --color-darkest-forest-800: #34421e;
  --color-darkest-forest-900: #223200;
  --color-darkest-forest-950: #151d08;
}