Delta Mint to Into the Green color palette

About this palette

Delta Mint to Into the Green is a 6-color vintage palette: #C1E6D9 (Delta Mint), #DC97C3 (Girl Power), #AE6F92 (Je t’aime), #0B1E16 (Nightmare), #4D3243 (Voodoo), #007150 (Into the Green). It mixes turquoise, pink, black, red, green tones and feels warm overall. The strongest text pairing is #C1E6D9 on #0B1E16 with a contrast ratio of 12.87:1, and 5 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Delta Mintrgb(193, 230, 217)hsl(159, 43%, 83%)
Girl Powerrgb(220, 151, 195)hsl(322, 50%, 73%)
Je t’aimergb(174, 111, 146)hsl(327, 28%, 56%)
Nightmarergb(11, 30, 22)hsl(155, 46%, 8%)
Voodoorgb(77, 50, 67)hsl(322, 21%, 25%)
Into the Greenrgb(0, 113, 80)hsl(162, 100%, 22%)

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.87:1 Super#C1E6D9 on #0B1E16
  • Aa12.87:1 Super#0B1E16 on #C1E6D9
  • Aa8.41:1 Very good#C1E6D9 on #4D3243
  • Aa8.41:1 Very good#4D3243 on #C1E6D9
  • Aa7.64:1 Very good#DC97C3 on #0B1E16
  • Aa7.64:1 Very good#0B1E16 on #DC97C3
  • Aa5.00:1 Good#DC97C3 on #4D3243
  • Aa5.00:1 Good#4D3243 on #DC97C3

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Delta Mint to Into the Green — https://swatchly.xyz/palette/c1e6d9-dc97c3-ae6f92-0b1e16-4d3243-007150 */
:root {
  --delta-mint: #c1e6d9;
  --girl-power: #dc97c3;
  --je-t-aime: #ae6f92;
  --nightmare: #0b1e16;
  --voodoo: #4d3243;
  --into-the-green: #007150;
}

Tailwind CSS v4

/* Delta Mint to Into the Green — https://swatchly.xyz/palette/c1e6d9-dc97c3-ae6f92-0b1e16-4d3243-007150 */
@theme {
  --color-delta-mint: #c1e6d9;
  --color-delta-mint-50: #eafef7;
  --color-delta-mint-100: #dff5ed;
  --color-delta-mint-200: #c1e6d9;
  --color-delta-mint-300: #afcdc2;
  --color-delta-mint-400: #8cada2;
  --color-delta-mint-500: #6f9185;
  --color-delta-mint-600: #54756a;
  --color-delta-mint-700: #3f5d53;
  --color-delta-mint-800: #2e4940;
  --color-delta-mint-900: #223831;
  --color-delta-mint-950: #13231e;
  --color-girl-power: #dc97c3;
  --color-girl-power-50: #fff8fc;
  --color-girl-power-100: #ffedf8;
  --color-girl-power-200: #ffd3ee;
  --color-girl-power-300: #f2badd;
  --color-girl-power-400: #dc97c3;
  --color-girl-power-500: #bb79a4;
  --color-girl-power-600: #9c5c86;
  --color-girl-power-700: #7f456b;
  --color-girl-power-800: #653254;
  --color-girl-power-900: #4e2340;
  --color-girl-power-950: #311327;
  --color-je-t-aime: #ae6f92;
  --color-je-t-aime-50: #fff0f8;
  --color-je-t-aime-100: #ffe2f1;
  --color-je-t-aime-200: #fac6e1;
  --color-je-t-aime-300: #e7adcc;
  --color-je-t-aime-400: #ca8bad;
  --color-je-t-aime-500: #ae6f92;
  --color-je-t-aime-600: #915577;
  --color-je-t-aime-700: #76415f;
  --color-je-t-aime-800: #5f304b;
  --color-je-t-aime-900: #4b233a;
  --color-je-t-aime-950: #301425;
  --color-nightmare: #0b1e16;
  --color-nightmare-50: #ecf9f2;
  --color-nightmare-100: #e1efe8;
  --color-nightmare-200: #cbdcd4;
  --color-nightmare-300: #b3c6bd;
  --color-nightmare-400: #92a79d;
  --color-nightmare-500: #758b80;
  --color-nightmare-600: #5a6f65;
  --color-nightmare-700: #44574e;
  --color-nightmare-800: #32423b;
  --color-nightmare-900: #24312b;
  --color-nightmare-950: #0b1e16;
  --color-voodoo: #4d3243;
  --color-voodoo-50: #fff0f9;
  --color-voodoo-100: #fae4f1;
  --color-voodoo-200: #e9cfde;
  --color-voodoo-300: #d3b6c7;
  --color-voodoo-400: #b494a7;
  --color-voodoo-500: #97788b;
  --color-voodoo-600: #7a5d6f;
  --color-voodoo-700: #604756;
  --color-voodoo-800: #4d3243;
  --color-voodoo-900: #392732;
  --color-voodoo-950: #24171f;
  --color-into-the-green: #007150;
  --color-into-the-green-50: #dbffee;
  --color-into-the-green-100: #c5f9e0;
  --color-into-the-green-200: #abeacd;
  --color-into-the-green-300: #8fd7b7;
  --color-into-the-green-400: #68bb97;
  --color-into-the-green-500: #48a17d;
  --color-into-the-green-600: #2a8765;
  --color-into-the-green-700: #007150;
  --color-into-the-green-800: #00593e;
  --color-into-the-green-900: #00442f;
  --color-into-the-green-950: #002c1d;
}

Similar palettes