Lindworm Green to Grape Green color palette

172C00Lindworm Green 721F88Sapphire Siren 468A27La Palma B97EC3Wisteria 9FE6AEGrape Green

About this palette

Lindworm Green to Grape Green is a 5-color cool palette: #172C00 (Lindworm Green), #721F88 (Sapphire Siren), #468A27 (La Palma), #B97EC3 (Wisteria), #9FE6AE (Grape Green). It mixes green, purple tones and feels cool overall. The strongest text pairing is #172C00 on #9FE6AE with a contrast ratio of 10.31:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Lindworm Green	rgb(23, 44, 0)	hsl(89, 100%, 9%)
Sapphire Siren	rgb(114, 31, 136)	hsl(287, 63%, 33%)
La Palma	rgb(70, 138, 39)	hsl(101, 56%, 35%)
Wisteria	rgb(185, 126, 195)	hsl(291, 37%, 63%)
Grape Green	rgb(159, 230, 174)	hsl(133, 59%, 76%)

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.

Aa10.31:1 Very good#172C00 on #9FE6AE
Aa10.31:1 Very good#9FE6AE on #172C00
Aa6.35:1 Good#721F88 on #9FE6AE
Aa6.35:1 Good#9FE6AE on #721F88
Aa4.89:1 Good#172C00 on #B97EC3
Aa4.89:1 Good#B97EC3 on #172C00
Aa3.53:1 Poor#172C00 on #468A27
Aa3.53:1 Poor#468A27 on #172C00

Color blindness preview

CSS variables

/* Lindworm Green to Grape Green — https://swatchly.xyz/palette/172c00-721f88-468a27-b97ec3-9fe6ae */
:root {
  --lindworm-green: #172c00;
  --sapphire-siren: #721f88;
  --la-palma: #468a27;
  --wisteria: #b97ec3;
  --grape-green: #9fe6ae;
}

Tailwind CSS v4

/* Lindworm Green to Grape Green — https://swatchly.xyz/palette/172c00-721f88-468a27-b97ec3-9fe6ae */
@theme {
  --color-lindworm-green: #172c00;
  --color-lindworm-green-50: #ebfbe0;
  --color-lindworm-green-100: #e0f2d3;
  --color-lindworm-green-200: #cae0bb;
  --color-lindworm-green-300: #b2caa0;
  --color-lindworm-green-400: #91ab7d;
  --color-lindworm-green-500: #779162;
  --color-lindworm-green-600: #5f774a;
  --color-lindworm-green-700: #4a6138;
  --color-lindworm-green-800: #3a4e29;
  --color-lindworm-green-900: #2d3e1e;
  --color-lindworm-green-950: #172c00;
  --color-sapphire-siren: #721f88;
  --color-sapphire-siren-50: #fcf1ff;
  --color-sapphire-siren-100: #f8e2ff;
  --color-sapphire-siren-200: #f1c2ff;
  --color-sapphire-siren-300: #e69dfc;
  --color-sapphire-siren-400: #c778df;
  --color-sapphire-siren-500: #aa59c2;
  --color-sapphire-siren-600: #8b3da1;
  --color-sapphire-siren-700: #721f88;
  --color-sapphire-siren-800: #581a69;
  --color-sapphire-siren-900: #461054;
  --color-sapphire-siren-950: #2d0737;
  --color-la-palma: #468a27;
  --color-la-palma-50: #e3ffd9;
  --color-la-palma-100: #d1fcc1;
  --color-la-palma-200: #b9eda7;
  --color-la-palma-300: #9fda8a;
  --color-la-palma-400: #7cbe63;
  --color-la-palma-500: #60a444;
  --color-la-palma-600: #468a27;
  --color-la-palma-700: #2f6f0a;
  --color-la-palma-800: #215700;
  --color-la-palma-900: #184300;
  --color-la-palma-950: #0c2a00;
  --color-wisteria: #b97ec3;
  --color-wisteria-50: #fcebff;
  --color-wisteria-100: #fad9ff;
  --color-wisteria-200: #edbdf5;
  --color-wisteria-300: #d8a2e1;
  --color-wisteria-400: #b97ec3;
  --color-wisteria-500: #9e65a8;
  --color-wisteria-600: #834d8d;
  --color-wisteria-700: #6b3a74;
  --color-wisteria-800: #562b5e;
  --color-wisteria-900: #45204b;
  --color-wisteria-950: #2d1232;
  --color-grape-green: #9fe6ae;
  --color-grape-green-50: #d5fedd;
  --color-grape-green-100: #c7f4cf;
  --color-grape-green-200: #9fe6ae;
  --color-grape-green-300: #91ce9e;
  --color-grape-green-400: #6db07d;
  --color-grape-green-500: #519562;
  --color-grape-green-600: #377b4a;
  --color-grape-green-700: #246337;
  --color-grape-green-800: #164f28;
  --color-grape-green-900: #0b3d1c;
  --color-grape-green-950: #04270f;
}