Coral Kiss to Lindworm Green Color Palette

About this palette

Coral Kiss to Lindworm Green is a 4-color palette: #FFDDC5 (Coral Kiss), #5EB2FF (Hello Summer), #613BB6 (Purple Emperor), #222400 (Lindworm Green). It mixes orange, blue, purple, green tones and feels balanced overall. The strongest text pairing is #FFDDC5 on #222400 with a contrast ratio of 12.42:1, and 3 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Coral Kiss	rgb(255, 221, 197)	hsl(25, 100%, 89%)
Hello Summer	rgb(94, 178, 255)	hsl(209, 100%, 68%)
Purple Emperor	rgb(97, 59, 182)	hsl(259, 51%, 47%)
Lindworm Green	rgb(34, 36, 0)	hsl(63, 100%, 7%)

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.42:1 Super#FFDDC5 on #222400
Aa12.42:1 Super#222400 on #FFDDC5
Aa7.03:1 Very good#5EB2FF on #222400
Aa7.03:1 Very good#222400 on #5EB2FF
Aa5.84:1 Good#FFDDC5 on #613BB6
Aa5.84:1 Good#613BB6 on #FFDDC5
Aa3.31:1 Poor#5EB2FF on #613BB6
Aa3.31:1 Poor#613BB6 on #5EB2FF

Color blindness preview

CSS variables

/* Coral Kiss to Lindworm Green — https://swatchly.xyz/palette/ffddc5-5eb2ff-613bb6-222400 */
:root {
  --coral-kiss: #ffddc5;
  --hello-summer: #5eb2ff;
  --purple-emperor: #613bb6;
  --lindworm-green: #222400;
}

Tailwind CSS v4

/* Coral Kiss to Lindworm Green — https://swatchly.xyz/palette/ffddc5-5eb2ff-613bb6-222400 */
@theme {
  --color-coral-kiss: #ffddc5;
  --color-coral-kiss-50: #ffebde;
  --color-coral-kiss-100: #ffddc5;
  --color-coral-kiss-200: #e6ccba;
  --color-coral-kiss-300: #d3b6a2;
  --color-coral-kiss-400: #b69782;
  --color-coral-kiss-500: #9c7d67;
  --color-coral-kiss-600: #81644f;
  --color-coral-kiss-700: #694f3c;
  --color-coral-kiss-800: #543d2c;
  --color-coral-kiss-900: #412e20;
  --color-coral-kiss-950: #2a1c12;
  --color-hello-summer: #5eb2ff;
  --color-hello-summer-50: #f4faff;
  --color-hello-summer-100: #e6f2ff;
  --color-hello-summer-200: #c6e2ff;
  --color-hello-summer-300: #9ecfff;
  --color-hello-summer-400: #5eb2ff;
  --color-hello-summer-500: #3f94de;
  --color-hello-summer-600: #1c76be;
  --color-hello-summer-700: #005d9d;
  --color-hello-summer-800: #00487b;
  --color-hello-summer-900: #00365f;
  --color-hello-summer-950: #00203d;
  --color-purple-emperor: #613bb6;
  --color-purple-emperor-50: #f5f3ff;
  --color-purple-emperor-100: #ebe8ff;
  --color-purple-emperor-200: #d9d2ff;
  --color-purple-emperor-300: #c4b7ff;
  --color-purple-emperor-400: #a88fff;
  --color-purple-emperor-500: #8f6fed;
  --color-purple-emperor-600: #7654cf;
  --color-purple-emperor-700: #613bb6;
  --color-purple-emperor-800: #4c2c92;
  --color-purple-emperor-900: #3b1e76;
  --color-purple-emperor-950: #251050;
  --color-lindworm-green: #222400;
  --color-lindworm-green-50: #f5f8e1;
  --color-lindworm-green-100: #ebeed4;
  --color-lindworm-green-200: #d7dbbc;
  --color-lindworm-green-300: #c1c5a2;
  --color-lindworm-green-400: #a1a57f;
  --color-lindworm-green-500: #878b64;
  --color-lindworm-green-600: #6d704b;
  --color-lindworm-green-700: #575a38;
  --color-lindworm-green-800: #444729;
  --color-lindworm-green-900: #35371d;
  --color-lindworm-green-950: #222400;
}