Pandora’s Box to Drops of God color palette

FFDEB9Pandora’s Box FFE4DBSlightly in Love F87180Begonia 8B5E32Cocoa 723520Kenyan Copper 561A2ADrops of God

Open in generator Export PNG, PDF, ASE…

About this palette

Pandora’s Box to Drops of God is a 6-color warm, vintage palette: #FFDEB9 (Pandora’s Box), #FFE4DB (Slightly in Love), #F87180 (Begonia), #8B5E32 (Cocoa), #723520 (Kenyan Copper), #561A2A (Drops of God). It mixes orange, white, red, brown tones and feels warm overall. The strongest text pairing is #FFE4DB on #561A2A with a contrast ratio of 11.02:1, and 6 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Pandora’s Box	rgb(255, 222, 185)	hsl(32, 100%, 86%)
Slightly in Love	rgb(255, 228, 219)	hsl(15, 100%, 93%)
Begonia	rgb(248, 113, 128)	hsl(353, 91%, 71%)
Cocoa	rgb(139, 94, 50)	hsl(30, 47%, 37%)
Kenyan Copper	rgb(114, 53, 32)	hsl(15, 56%, 29%)
Drops of God	rgb(86, 26, 42)	hsl(344, 54%, 22%)

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.02:1 Very good#FFE4DB on #561A2A
Aa11.02:1 Very good#561A2A on #FFE4DB
Aa10.40:1 Very good#FFDEB9 on #561A2A
Aa10.40:1 Very good#561A2A on #FFDEB9
Aa7.74:1 Very good#FFE4DB on #723520
Aa7.74:1 Very good#723520 on #FFE4DB
Aa7.30:1 Very good#FFDEB9 on #723520
Aa7.30:1 Very good#723520 on #FFDEB9

Color blindness preview

CSS variables

/* Pandora’s Box to Drops of God — https://swatchly.xyz/palette/ffdeb9-ffe4db-f87180-8b5e32-723520-561a2a */
:root {
  --pandora-s-box: #ffdeb9;
  --slightly-in-love: #ffe4db;
  --begonia: #f87180;
  --cocoa: #8b5e32;
  --kenyan-copper: #723520;
  --drops-of-god: #561a2a;
}

Tailwind CSS v4

/* Pandora’s Box to Drops of God — https://swatchly.xyz/palette/ffdeb9-ffe4db-f87180-8b5e32-723520-561a2a */
@theme {
  --color-pandora-s-box: #ffdeb9;
  --color-pandora-s-box-50: #ffecd7;
  --color-pandora-s-box-100: #ffdeb9;
  --color-pandora-s-box-200: #e6cdb1;
  --color-pandora-s-box-300: #d3b798;
  --color-pandora-s-box-400: #b69877;
  --color-pandora-s-box-500: #9c7e5c;
  --color-pandora-s-box-600: #816544;
  --color-pandora-s-box-700: #695032;
  --color-pandora-s-box-800: #543e23;
  --color-pandora-s-box-900: #422f18;
  --color-pandora-s-box-950: #2a1c0c;
  --color-slightly-in-love: #ffe4db;
  --color-slightly-in-love-50: #fff1ed;
  --color-slightly-in-love-100: #ffe4db;
  --color-slightly-in-love-200: #e6d2cc;
  --color-slightly-in-love-300: #d1bbb4;
  --color-slightly-in-love-400: #b39b93;
  --color-slightly-in-love-500: #988078;
  --color-slightly-in-love-600: #7d665e;
  --color-slightly-in-love-700: #645049;
  --color-slightly-in-love-800: #4f3e38;
  --color-slightly-in-love-900: #3e2f2a;
  --color-slightly-in-love-950: #271c19;
  --color-begonia: #f87180;
  --color-begonia-50: #fff2f2;
  --color-begonia-100: #ffe4e5;
  --color-begonia-200: #ffc8cb;
  --color-begonia-300: #ffa5ab;
  --color-begonia-400: #f87180;
  --color-begonia-500: #d85465;
  --color-begonia-600: #b7384c;
  --color-begonia-700: #982138;
  --color-begonia-800: #7c1029;
  --color-begonia-900: #63051d;
  --color-begonia-950: #410110;
  --color-cocoa: #8b5e32;
  --color-cocoa-50: #fff3e8;
  --color-cocoa-100: #ffe6cf;
  --color-cocoa-200: #f5ceac;
  --color-cocoa-300: #e1b68f;
  --color-cocoa-400: #c4956a;
  --color-cocoa-500: #a8794d;
  --color-cocoa-600: #8b5e32;
  --color-cocoa-700: #714921;
  --color-cocoa-800: #5a3814;
  --color-cocoa-900: #472a0b;
  --color-cocoa-950: #2e1904;
  --color-kenyan-copper: #723520;
  --color-kenyan-copper-50: #fff2ee;
  --color-kenyan-copper-100: #ffe5dc;
  --color-kenyan-copper-200: #ffc9b8;
  --color-kenyan-copper-300: #efb29d;
  --color-kenyan-copper-400: #d4917b;
  --color-kenyan-copper-500: #ba7660;
  --color-kenyan-copper-600: #9e5d47;
  --color-kenyan-copper-700: #844935;
  --color-kenyan-copper-800: #723520;
  --color-kenyan-copper-900: #572a1a;
  --color-kenyan-copper-950: #3a180d;
  --color-drops-of-god: #561a2a;
  --color-drops-of-god-50: #fff1f3;
  --color-drops-of-god-100: #ffe3e7;
  --color-drops-of-god-200: #ffc6d0;
  --color-drops-of-god-300: #edadb8;
  --color-drops-of-god-400: #d08b98;
  --color-drops-of-god-500: #b46f7c;
  --color-drops-of-god-600: #975562;
  --color-drops-of-god-700: #7b404d;
  --color-drops-of-god-800: #632f3b;
  --color-drops-of-god-900: #561a2a;
  --color-drops-of-god-950: #33131a;
}