Seaweed to Papyrus color palette

00CF6DSeaweed 6EDF41King Lizard CE00AAMystifying Magenta 00BD95Slime Girl E43000Vulcan Fire 9A9100Papyrus

Open in generator Export PNG, PDF, ASE…

About this palette

Seaweed to Papyrus is a 6-color vibrant, neon palette: #00CF6D (Seaweed), #6EDF41 (King Lizard), #CE00AA (Mystifying Magenta), #00BD95 (Slime Girl), #E43000 (Vulcan Fire), #9A9100 (Papyrus). It mixes green, pink, turquoise, red, yellow tones and feels balanced overall. The strongest text pairing is #6EDF41 on #CE00AA with a contrast ratio of 2.92:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Seaweed	rgb(0, 207, 109)	hsl(152, 100%, 41%)
King Lizard	rgb(110, 223, 65)	hsl(103, 71%, 56%)
Mystifying Magenta	rgb(206, 0, 170)	hsl(310, 100%, 40%)
Slime Girl	rgb(0, 189, 149)	hsl(167, 100%, 37%)
Vulcan Fire	rgb(228, 48, 0)	hsl(13, 100%, 45%)
Papyrus	rgb(154, 145, 0)	hsl(56, 100%, 30%)

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

/* Seaweed to Papyrus — https://swatchly.xyz/palette/00cf6d-6edf41-ce00aa-00bd95-e43000-9a9100 */
:root {
  --seaweed: #00cf6d;
  --king-lizard: #6edf41;
  --mystifying-magenta: #ce00aa;
  --slime-girl: #00bd95;
  --vulcan-fire: #e43000;
  --papyrus: #9a9100;
}

Tailwind CSS v4

/* Seaweed to Papyrus — https://swatchly.xyz/palette/00cf6d-6edf41-ce00aa-00bd95-e43000-9a9100 */
@theme {
  --color-seaweed: #00cf6d;
  --color-seaweed-50: #edfff1;
  --color-seaweed-100: #d2ffdd;
  --color-seaweed-200: #97fab4;
  --color-seaweed-300: #70e898;
  --color-seaweed-400: #00cf6d;
  --color-seaweed-500: #00ac59;
  --color-seaweed-600: #008a47;
  --color-seaweed-700: #006d37;
  --color-seaweed-800: #005529;
  --color-seaweed-900: #00401d;
  --color-seaweed-950: #002710;
  --color-king-lizard: #6edf41;
  --color-king-lizard-50: #e1ffd8;
  --color-king-lizard-100: #c0ffac;
  --color-king-lizard-200: #9ef083;
  --color-king-lizard-300: #6edf41;
  --color-king-lizard-400: #51bd1d;
  --color-king-lizard-500: #3d9e00;
  --color-king-lizard-600: #308000;
  --color-king-lizard-700: #246600;
  --color-king-lizard-800: #1b5000;
  --color-king-lizard-900: #133e00;
  --color-king-lizard-950: #092700;
  --color-mystifying-magenta: #ce00aa;
  --color-mystifying-magenta-50: #ffedf9;
  --color-mystifying-magenta-100: #ffdaf2;
  --color-mystifying-magenta-200: #ffb6e8;
  --color-mystifying-magenta-300: #ff86de;
  --color-mystifying-magenta-400: #ef41c9;
  --color-mystifying-magenta-500: #ce00aa;
  --color-mystifying-magenta-600: #a7008a;
  --color-mystifying-magenta-700: #87006e;
  --color-mystifying-magenta-800: #6b0058;
  --color-mystifying-magenta-900: #560045;
  --color-mystifying-magenta-950: #39002d;
  --color-slime-girl: #00bd95;
  --color-slime-girl-50: #dafff1;
  --color-slime-girl-100: #b0ffe3;
  --color-slime-girl-200: #8deece;
  --color-slime-girl-300: #64dab6;
  --color-slime-girl-400: #00bd95;
  --color-slime-girl-500: #009d7c;
  --color-slime-girl-600: #007f63;
  --color-slime-girl-700: #00654e;
  --color-slime-girl-800: #004f3d;
  --color-slime-girl-900: #003d2e;
  --color-slime-girl-950: #00261c;
  --color-vulcan-fire: #e43000;
  --color-vulcan-fire-50: #fff0ed;
  --color-vulcan-fire-100: #ffe1da;
  --color-vulcan-fire-200: #ffc3b6;
  --color-vulcan-fire-300: #ff9f89;
  --color-vulcan-fire-400: #ff5f3f;
  --color-vulcan-fire-500: #e43000;
  --color-vulcan-fire-600: #b92500;
  --color-vulcan-fire-700: #951b00;
  --color-vulcan-fire-800: #771400;
  --color-vulcan-fire-900: #5e0d00;
  --color-vulcan-fire-950: #3e0600;
  --color-papyrus: #9a9100;
  --color-papyrus-50: #fdfac1;
  --color-papyrus-100: #f5f2b2;
  --color-papyrus-200: #e4e092;
  --color-papyrus-300: #d1ca6f;
  --color-papyrus-400: #b4ac3f;
  --color-papyrus-500: #9a9100;
  --color-papyrus-600: #7c7500;
  --color-papyrus-700: #625c00;
  --color-papyrus-800: #4c4700;
  --color-papyrus-900: #3a3600;
  --color-papyrus-950: #242100;
}