Candied Snow to Castro color palette

DBFCF1Candied Snow 40D2AFMermaid’s Kiss 009386Green Dynasty 7D4462Magician’s Cloak 482532Castro

About this palette

Candied Snow to Castro is a 5-color cool, vintage palette: #DBFCF1 (Candied Snow), #40D2AF (Mermaid’s Kiss), #009386 (Green Dynasty), #7D4462 (Magician’s Cloak), #482532 (Castro). It mixes white, turquoise, red tones and feels cool overall. The strongest text pairing is #DBFCF1 on #482532 with a contrast ratio of 12.11:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Candied Snow	rgb(219, 252, 241)	hsl(160, 85%, 92%)
Mermaid’s Kiss	rgb(64, 210, 175)	hsl(166, 62%, 54%)
Green Dynasty	rgb(0, 147, 134)	hsl(175, 100%, 29%)
Magician’s Cloak	rgb(125, 68, 98)	hsl(328, 30%, 38%)
Castro	rgb(72, 37, 50)	hsl(338, 32%, 21%)

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.

Aa12.11:1 Super#DBFCF1 on #482532
Aa12.11:1 Super#482532 on #DBFCF1
Aa6.97:1 Good#40D2AF on #482532
Aa6.97:1 Good#482532 on #40D2AF
Aa6.68:1 Good#DBFCF1 on #7D4462
Aa6.68:1 Good#7D4462 on #DBFCF1
Aa3.85:1 Poor#40D2AF on #7D4462
Aa3.85:1 Poor#7D4462 on #40D2AF

Color blindness preview

CSS variables

/* Candied Snow to Castro — https://swatchly.xyz/palette/dbfcf1-40d2af-009386-7d4462-482532 */
:root {
  --candied-snow: #dbfcf1;
  --mermaid-s-kiss: #40d2af;
  --green-dynasty: #009386;
  --magician-s-cloak: #7d4462;
  --castro: #482532;
}

Tailwind CSS v4

/* Candied Snow to Castro — https://swatchly.xyz/palette/dbfcf1-40d2af-009386-7d4462-482532 */
@theme {
  --color-candied-snow: #dbfcf1;
  --color-candied-snow-50: #dbfcf1;
  --color-candied-snow-100: #dbefe8;
  --color-candied-snow-200: #c5ddd5;
  --color-candied-snow-300: #acc7be;
  --color-candied-snow-400: #8ba99f;
  --color-candied-snow-500: #6f8e84;
  --color-candied-snow-600: #56736a;
  --color-candied-snow-700: #415c54;
  --color-candied-snow-800: #314841;
  --color-candied-snow-900: #243832;
  --color-candied-snow-950: #14231e;
  --color-mermaid-s-kiss: #40d2af;
  --color-mermaid-s-kiss-50: #c3ffec;
  --color-mermaid-s-kiss-100: #a6f8df;
  --color-mermaid-s-kiss-200: #81e5c9;
  --color-mermaid-s-kiss-300: #40d2af;
  --color-mermaid-s-kiss-400: #0eb392;
  --color-mermaid-s-kiss-500: #009679;
  --color-mermaid-s-kiss-600: #007962;
  --color-mermaid-s-kiss-700: #00614e;
  --color-mermaid-s-kiss-800: #004d3d;
  --color-mermaid-s-kiss-900: #003d30;
  --color-mermaid-s-kiss-950: #00261d;
  --color-green-dynasty: #009386;
  --color-green-dynasty-50: #d1fff7;
  --color-green-dynasty-100: #b6f8ed;
  --color-green-dynasty-200: #95e5d9;
  --color-green-dynasty-300: #71cfc2;
  --color-green-dynasty-400: #3fb0a2;
  --color-green-dynasty-500: #009386;
  --color-green-dynasty-600: #00776c;
  --color-green-dynasty-700: #005e56;
  --color-green-dynasty-800: #004a43;
  --color-green-dynasty-900: #003a34;
  --color-green-dynasty-950: #002520;
  --color-magician-s-cloak: #7d4462;
  --color-magician-s-cloak-50: #fff1f7;
  --color-magician-s-cloak-100: #ffe2ef;
  --color-magician-s-cloak-200: #fac8e0;
  --color-magician-s-cloak-300: #e8b0cb;
  --color-magician-s-cloak-400: #cc8fad;
  --color-magician-s-cloak-500: #b17392;
  --color-magician-s-cloak-600: #955a78;
  --color-magician-s-cloak-700: #7d4462;
  --color-magician-s-cloak-800: #63344d;
  --color-magician-s-cloak-900: #4e263b;
  --color-magician-s-cloak-950: #331625;
  --color-castro: #482532;
  --color-castro-50: #fff1f5;
  --color-castro-100: #ffe2eb;
  --color-castro-200: #efcdd8;
  --color-castro-300: #dcb5c1;
  --color-castro-400: #be94a2;
  --color-castro-500: #a27886;
  --color-castro-600: #865e6b;
  --color-castro-700: #6c4955;
  --color-castro-800: #563742;
  --color-castro-900: #482532;
  --color-castro-950: #2a181f;
}