Glazed Chestnut to Violet Heaven Color Palette

About this palette

Glazed Chestnut to Violet Heaven is a 5-color vibrant, cool, neon palette: #967000 (Glazed Chestnut), #00A15D (Shamrock), #EE2FC9 (Mademoiselle Pink), #4AADFF (Cerulean), #CDBAFF (Violet Heaven). It mixes yellow, green, pink, blue, purple tones and feels cool overall. The strongest text pairing is #967000 on #CDBAFF with a contrast ratio of 2.61:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Glazed Chestnut	rgb(150, 112, 0)	hsl(45, 100%, 29%)
Shamrock	rgb(0, 161, 93)	hsl(155, 100%, 32%)
Mademoiselle Pink	rgb(238, 47, 201)	hsl(312, 85%, 56%)
Cerulean	rgb(74, 173, 255)	hsl(207, 100%, 65%)
Violet Heaven	rgb(205, 186, 255)	hsl(257, 100%, 86%)

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.

Color blindness preview

CSS variables

/* Glazed Chestnut to Violet Heaven — https://swatchly.xyz/palette/967000-00a15d-ee2fc9-4aadff-cdbaff */
:root {
  --glazed-chestnut: #967000;
  --shamrock: #00a15d;
  --mademoiselle-pink: #ee2fc9;
  --cerulean: #4aadff;
  --violet-heaven: #cdbaff;
}

Tailwind CSS v4

/* Glazed Chestnut to Violet Heaven — https://swatchly.xyz/palette/967000-00a15d-ee2fc9-4aadff-cdbaff */
@theme {
  --color-glazed-chestnut: #967000;
  --color-glazed-chestnut-50: #fff4de;
  --color-glazed-chestnut-100: #ffebc3;
  --color-glazed-chestnut-200: #f5d89c;
  --color-glazed-chestnut-300: #e4c27d;
  --color-glazed-chestnut-400: #c9a452;
  --color-glazed-chestnut-500: #b0892e;
  --color-glazed-chestnut-600: #967000;
  --color-glazed-chestnut-700: #775900;
  --color-glazed-chestnut-800: #5e4500;
  --color-glazed-chestnut-900: #483400;
  --color-glazed-chestnut-950: #2e2000;
  --color-shamrock: #00a15d;
  --color-shamrock-50: #deffe8;
  --color-shamrock-100: #b8ffd1;
  --color-shamrock-200: #99eeb8;
  --color-shamrock-300: #75da9d;
  --color-shamrock-400: #43bd7a;
  --color-shamrock-500: #00a15d;
  --color-shamrock-600: #00824a;
  --color-shamrock-700: #00673a;
  --color-shamrock-800: #00512c;
  --color-shamrock-900: #003e21;
  --color-shamrock-950: #002712;
  --color-mademoiselle-pink: #ee2fc9;
  --color-mademoiselle-pink-50: #fff3fb;
  --color-mademoiselle-pink-100: #ffe8f7;
  --color-mademoiselle-pink-200: #ffccef;
  --color-mademoiselle-pink-300: #ffa9e7;
  --color-mademoiselle-pink-400: #ff69dc;
  --color-mademoiselle-pink-500: #ee2fc9;
  --color-mademoiselle-pink-600: #c700a7;
  --color-mademoiselle-pink-700: #9f0085;
  --color-mademoiselle-pink-800: #7d0068;
  --color-mademoiselle-pink-900: #610050;
  --color-mademoiselle-pink-950: #3e0032;
  --color-cerulean: #4aadff;
  --color-cerulean-50: #f0f8ff;
  --color-cerulean-100: #e0f0ff;
  --color-cerulean-200: #bedfff;
  --color-cerulean-300: #93cbff;
  --color-cerulean-400: #4aadff;
  --color-cerulean-500: #2790df;
  --color-cerulean-600: #0073bc;
  --color-cerulean-700: #005b96;
  --color-cerulean-800: #004676;
  --color-cerulean-900: #00365c;
  --color-cerulean-950: #00213b;
  --color-violet-heaven: #cdbaff;
  --color-violet-heaven-50: #f9f7ff;
  --color-violet-heaven-100: #f1ecff;
  --color-violet-heaven-200: #e0d5ff;
  --color-violet-heaven-300: #cdbaff;
  --color-violet-heaven-400: #ac9ada;
  --color-violet-heaven-500: #907dbe;
  --color-violet-heaven-600: #7462a0;
  --color-violet-heaven-700: #5c4b83;
  --color-violet-heaven-800: #483969;
  --color-violet-heaven-900: #372a53;
  --color-violet-heaven-950: #221936;
}