Start generating

Black Velvet to Biscuit Dough color palette

232132Black Velvet91BEE4Double Denim493560Royal Crown346F91Astral9E8C6FGramps ShoehornE6DCBEBiscuit Dough
Open in generator Export PNG, PDF, ASE…

About this palette

Black Velvet to Biscuit Dough is a 6-color muted palette: #232132 (Black Velvet), #91BEE4 (Double Denim), #493560 (Royal Crown), #346F91 (Astral), #9E8C6F (Gramps Shoehorn), #E6DCBE (Biscuit Dough). It mixes gray, blue, purple, yellow tones and feels cool overall. The strongest text pairing is #232132 on #E6DCBE with a contrast ratio of 11.49:1, and 5 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Black Velvetrgb(35, 33, 50)hsl(247, 20%, 16%)
Double Denimrgb(145, 190, 228)hsl(207, 61%, 73%)
Royal Crownrgb(73, 53, 96)hsl(268, 29%, 29%)
Astralrgb(52, 111, 145)hsl(202, 47%, 39%)
Gramps Shoehornrgb(158, 140, 111)hsl(37, 20%, 53%)
Biscuit Doughrgb(230, 220, 190)hsl(45, 44%, 82%)

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.49:1 Very good#232132 on #E6DCBE
  • Aa11.49:1 Very good#E6DCBE on #232132
  • Aa8.01:1 Very good#232132 on #91BEE4
  • Aa8.01:1 Very good#91BEE4 on #232132
  • Aa7.82:1 Very good#493560 on #E6DCBE
  • Aa7.82:1 Very good#E6DCBE on #493560
  • Aa5.45:1 Good#91BEE4 on #493560
  • Aa5.45:1 Good#493560 on #91BEE4

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Black Velvet to Biscuit Dough — https://swatchly.xyz/palette/232132-91bee4-493560-346f91-9e8c6f-e6dcbe */
:root {
  --black-velvet: #232132;
  --double-denim: #91bee4;
  --royal-crown: #493560;
  --astral: #346f91;
  --gramps-shoehorn: #9e8c6f;
  --biscuit-dough: #e6dcbe;
}

Tailwind CSS v4

/* Black Velvet to Biscuit Dough — https://swatchly.xyz/palette/232132-91bee4-493560-346f91-9e8c6f-e6dcbe */
@theme {
  --color-black-velvet: #232132;
  --color-black-velvet-50: #f4f4ff;
  --color-black-velvet-100: #eae9f8;
  --color-black-velvet-200: #d7d5e6;
  --color-black-velvet-300: #c0bed2;
  --color-black-velvet-400: #a09fb4;
  --color-black-velvet-500: #868499;
  --color-black-velvet-600: #6d6b7f;
  --color-black-velvet-700: #575568;
  --color-black-velvet-800: #454354;
  --color-black-velvet-900: #363543;
  --color-black-velvet-950: #232132;
  --color-double-denim: #91bee4;
  --color-double-denim-50: #e5f3ff;
  --color-double-denim-100: #cfe9ff;
  --color-double-denim-200: #b2d5f3;
  --color-double-denim-300: #91bee4;
  --color-double-denim-400: #75a0c4;
  --color-double-denim-500: #5b86a9;
  --color-double-denim-600: #436c8e;
  --color-double-denim-700: #315775;
  --color-double-denim-800: #23445f;
  --color-double-denim-900: #19364c;
  --color-double-denim-950: #0c2131;
  --color-royal-crown: #493560;
  --color-royal-crown-50: #f8f2ff;
  --color-royal-crown-100: #f0e6ff;
  --color-royal-crown-200: #dfcff6;
  --color-royal-crown-300: #c9b7e3;
  --color-royal-crown-400: #ab96c6;
  --color-royal-crown-500: #8f7aaa;
  --color-royal-crown-600: #745f8d;
  --color-royal-crown-700: #5c4972;
  --color-royal-crown-800: #493560;
  --color-royal-crown-900: #372a47;
  --color-royal-crown-950: #22192e;
  --color-astral: #346f91;
  --color-astral-50: #ebf7ff;
  --color-astral-100: #d6efff;
  --color-astral-200: #b1ddfa;
  --color-astral-300: #93c6e7;
  --color-astral-400: #6ea7ca;
  --color-astral-500: #508bae;
  --color-astral-600: #346f91;
  --color-astral-700: #235876;
  --color-astral-800: #15455f;
  --color-astral-900: #0b354b;
  --color-astral-950: #042131;
  --color-gramps-shoehorn: #9e8c6f;
  --color-gramps-shoehorn-50: #fff5e6;
  --color-gramps-shoehorn-100: #f8edda;
  --color-gramps-shoehorn-200: #e8dac4;
  --color-gramps-shoehorn-300: #d4c5ac;
  --color-gramps-shoehorn-400: #b8a68a;
  --color-gramps-shoehorn-500: #9e8c6f;
  --color-gramps-shoehorn-600: #817054;
  --color-gramps-shoehorn-700: #68583e;
  --color-gramps-shoehorn-800: #52442d;
  --color-gramps-shoehorn-900: #3f3320;
  --color-gramps-shoehorn-950: #271f11;
  --color-biscuit-dough: #e6dcbe;
  --color-biscuit-dough-50: #fef8e8;
  --color-biscuit-dough-100: #f5efdd;
  --color-biscuit-dough-200: #e6dcbe;
  --color-biscuit-dough-300: #cdc5ac;
  --color-biscuit-dough-400: #ada489;
  --color-biscuit-dough-500: #91886c;
  --color-biscuit-dough-600: #766d52;
  --color-biscuit-dough-700: #5e563d;
  --color-biscuit-dough-800: #49422d;
  --color-biscuit-dough-900: #383221;
  --color-biscuit-dough-950: #231f12;
}

Similar palettes