Motherland to Aqua Obscura Color Palette

About this palette

Motherland to Aqua Obscura is a 5-color cool, vintage palette: #B5B762 (Motherland), #500D10 (Minotaur Hide), #7469C3 (Venus Violet), #DFDCFF (Icy Plains), #006A73 (Aqua Obscura). It mixes yellow, brown, purple, turquoise tones and feels cool overall. The strongest text pairing is #500D10 on #DFDCFF with a contrast ratio of 11.25:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Motherland	rgb(181, 183, 98)	hsl(61, 37%, 55%)
Minotaur Hide	rgb(80, 13, 16)	hsl(357, 72%, 18%)
Venus Violet	rgb(116, 105, 195)	hsl(247, 43%, 59%)
Icy Plains	rgb(223, 220, 255)	hsl(245, 100%, 93%)
Aqua Obscura	rgb(0, 106, 115)	hsl(185, 100%, 23%)

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.25:1 Very good#500D10 on #DFDCFF
Aa11.25:1 Very good#DFDCFF on #500D10
Aa7.05:1 Very good#B5B762 on #500D10
Aa7.05:1 Very good#500D10 on #B5B762
Aa4.78:1 Good#DFDCFF on #006A73
Aa4.78:1 Good#006A73 on #DFDCFF
Aa3.48:1 Poor#7469C3 on #DFDCFF
Aa3.48:1 Poor#DFDCFF on #7469C3

Color blindness preview

CSS variables

/* Motherland to Aqua Obscura — https://swatchly.xyz/palette/b5b762-500d10-7469c3-dfdcff-006a73 */
:root {
  --motherland: #b5b762;
  --minotaur-hide: #500d10;
  --venus-violet: #7469c3;
  --icy-plains: #dfdcff;
  --aqua-obscura: #006a73;
}

Tailwind CSS v4

/* Motherland to Aqua Obscura — https://swatchly.xyz/palette/b5b762-500d10-7469c3-dfdcff-006a73 */
@theme {
  --color-motherland: #b5b762;
  --color-motherland-50: #fcffd4;
  --color-motherland-100: #f5f8c9;
  --color-motherland-200: #e5e7af;
  --color-motherland-300: #d1d492;
  --color-motherland-400: #b5b762;
  --color-motherland-500: #979844;
  --color-motherland-600: #7a7a22;
  --color-motherland-700: #606002;
  --color-motherland-800: #4a4a00;
  --color-motherland-900: #383800;
  --color-motherland-950: #212100;
  --color-minotaur-hide: #500d10;
  --color-minotaur-hide-50: #fff2f0;
  --color-minotaur-hide-100: #ffe4e1;
  --color-minotaur-hide-200: #ffc8c3;
  --color-minotaur-hide-300: #f2aca7;
  --color-minotaur-hide-400: #d48883;
  --color-minotaur-hide-500: #b66a66;
  --color-minotaur-hide-600: #964f4c;
  --color-minotaur-hide-700: #783937;
  --color-minotaur-hide-800: #5d2826;
  --color-minotaur-hide-900: #500d10;
  --color-minotaur-hide-950: #2b0e0d;
  --color-venus-violet: #7469c3;
  --color-venus-violet-50: #f4f4ff;
  --color-venus-violet-100: #ecebff;
  --color-venus-violet-200: #d9d7ff;
  --color-venus-violet-300: #c3c0ff;
  --color-venus-violet-400: #a59df6;
  --color-venus-violet-500: #8c82de;
  --color-venus-violet-600: #7469c3;
  --color-venus-violet-700: #5c50a4;
  --color-venus-violet-800: #473c86;
  --color-venus-violet-900: #362c6b;
  --color-venus-violet-950: #211a47;
  --color-icy-plains: #dfdcff;
  --color-icy-plains-50: #fbfbff;
  --color-icy-plains-100: #f2f1ff;
  --color-icy-plains-200: #dfdcff;
  --color-icy-plains-300: #c7c5e1;
  --color-icy-plains-400: #a6a3c2;
  --color-icy-plains-500: #8986a6;
  --color-icy-plains-600: #6d6a89;
  --color-icy-plains-700: #56536e;
  --color-icy-plains-800: #423f57;
  --color-icy-plains-900: #323044;
  --color-icy-plains-950: #1f1d2b;
  --color-aqua-obscura: #006a73;
  --color-aqua-obscura-50: #defcff;
  --color-aqua-obscura-100: #c5f6fb;
  --color-aqua-obscura-200: #abe5ec;
  --color-aqua-obscura-300: #8ed1d9;
  --color-aqua-obscura-400: #67b4bd;
  --color-aqua-obscura-500: #479aa3;
  --color-aqua-obscura-600: #298089;
  --color-aqua-obscura-700: #006a73;
  --color-aqua-obscura-800: #00535a;
  --color-aqua-obscura-900: #004046;
  --color-aqua-obscura-950: #00282d;
}