Larb Gai to Black Turmeric Color Palette

About this palette

Larb Gai to Black Turmeric is a 5-color muted, vintage palette: #E0C8B2 (Larb Gai), #22180D (Noir Mystique), #795D73 (Royal Fig), #94B194 (Rooftop Garden), #28435E (Black Turmeric). It mixes orange, black, pink, green, blue tones and feels balanced overall. The strongest text pairing is #E0C8B2 on #22180D with a contrast ratio of 10.85:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Larb Gai	rgb(224, 200, 178)	hsl(29, 43%, 79%)
Noir Mystique	rgb(34, 24, 13)	hsl(31, 45%, 9%)
Royal Fig	rgb(121, 93, 115)	hsl(313, 13%, 42%)
Rooftop Garden	rgb(148, 177, 148)	hsl(120, 16%, 64%)
Black Turmeric	rgb(40, 67, 94)	hsl(210, 40%, 26%)

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.

Aa10.85:1 Very good#E0C8B2 on #22180D
Aa10.85:1 Very good#22180D on #E0C8B2
Aa7.45:1 Very good#22180D on #94B194
Aa7.45:1 Very good#94B194 on #22180D
Aa6.36:1 Good#E0C8B2 on #28435E
Aa6.36:1 Good#28435E on #E0C8B2
Aa4.37:1 Poor#94B194 on #28435E
Aa4.37:1 Poor#28435E on #94B194

Color blindness preview

CSS variables

/* Larb Gai to Black Turmeric — https://swatchly.xyz/palette/e0c8b2-22180d-795d73-94b194-28435e */
:root {
  --larb-gai: #e0c8b2;
  --noir-mystique: #22180d;
  --royal-fig: #795d73;
  --rooftop-garden: #94b194;
  --black-turmeric: #28435e;
}

Tailwind CSS v4

/* Larb Gai to Black Turmeric — https://swatchly.xyz/palette/e0c8b2-22180d-795d73-94b194-28435e */
@theme {
  --color-larb-gai: #e0c8b2;
  --color-larb-gai-50: #faebdd;
  --color-larb-gai-100: #efdfd0;
  --color-larb-gai-200: #e0c8b2;
  --color-larb-gai-300: #c9b4a1;
  --color-larb-gai-400: #ac9682;
  --color-larb-gai-500: #937d68;
  --color-larb-gai-600: #796451;
  --color-larb-gai-700: #62503e;
  --color-larb-gai-800: #4f3f2f;
  --color-larb-gai-900: #3e3023;
  --color-larb-gai-950: #271d14;
  --color-noir-mystique: #22180d;
  --color-noir-mystique-50: #fcf4eb;
  --color-noir-mystique-100: #f2e9e0;
  --color-noir-mystique-200: #e0d5cb;
  --color-noir-mystique-300: #cbbfb2;
  --color-noir-mystique-400: #ac9f92;
  --color-noir-mystique-500: #908375;
  --color-noir-mystique-600: #74675b;
  --color-noir-mystique-700: #5b5045;
  --color-noir-mystique-800: #463d33;
  --color-noir-mystique-900: #342d25;
  --color-noir-mystique-950: #22180d;
  --color-royal-fig: #795d73;
  --color-royal-fig-50: #fff0fb;
  --color-royal-fig-100: #f8e3f3;
  --color-royal-fig-200: #e6cde0;
  --color-royal-fig-300: #d0b5ca;
  --color-royal-fig-400: #b194ab;
  --color-royal-fig-500: #95788e;
  --color-royal-fig-600: #795d73;
  --color-royal-fig-700: #61495c;
  --color-royal-fig-800: #4d3848;
  --color-royal-fig-900: #3c2a38;
  --color-royal-fig-950: #261923;
  --color-rooftop-garden: #94b194;
  --color-rooftop-garden-50: #ecfdec;
  --color-rooftop-garden-100: #e2f4e2;
  --color-rooftop-garden-200: #cde3cd;
  --color-rooftop-garden-300: #b6ceb5;
  --color-rooftop-garden-400: #94b194;
  --color-rooftop-garden-500: #789478;
  --color-rooftop-garden-600: #5d785d;
  --color-rooftop-garden-700: #476047;
  --color-rooftop-garden-800: #354b35;
  --color-rooftop-garden-900: #273927;
  --color-rooftop-garden-950: #162316;
  --color-black-turmeric: #28435e;
  --color-black-turmeric-50: #eef6ff;
  --color-black-turmeric-100: #ddedff;
  --color-black-turmeric-200: #c3daf3;
  --color-black-turmeric-300: #a9c4e0;
  --color-black-turmeric-400: #87a4c2;
  --color-black-turmeric-500: #6b88a7;
  --color-black-turmeric-600: #526d8a;
  --color-black-turmeric-700: #3d5670;
  --color-black-turmeric-800: #28435e;
  --color-black-turmeric-900: #213346;
  --color-black-turmeric-950: #121f2d;
}