Bold Irish to Purple Prose Color Palette

About this palette

Bold Irish to Purple Prose is a 4-color vintage palette: #00814D (Bold Irish), #D08CC2 (Pink Punk), #A7ECD2 (Seafoam Splashes), #5A324F (Purple Prose). It mixes green, pink, turquoise, purple tones and feels balanced overall. The strongest text pairing is #A7ECD2 on #5A324F with a contrast ratio of 7.77:1, and 1 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Bold Irish	rgb(0, 129, 77)	hsl(156, 100%, 25%)
Pink Punk	rgb(208, 140, 194)	hsl(312, 42%, 68%)
Seafoam Splashes	rgb(167, 236, 210)	hsl(157, 64%, 79%)
Purple Prose	rgb(90, 50, 79)	hsl(316, 29%, 27%)

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.

Aa7.77:1 Very good#A7ECD2 on #5A324F
Aa7.77:1 Very good#5A324F on #A7ECD2
Aa4.10:1 Poor#D08CC2 on #5A324F
Aa4.10:1 Poor#5A324F on #D08CC2
Aa3.67:1 Poor#00814D on #A7ECD2
Aa3.67:1 Poor#A7ECD2 on #00814D

Color blindness preview

CSS variables

/* Bold Irish to Purple Prose — https://swatchly.xyz/palette/00814d-d08cc2-a7ecd2-5a324f */
:root {
  --bold-irish: #00814d;
  --pink-punk: #d08cc2;
  --seafoam-splashes: #a7ecd2;
  --purple-prose: #5a324f;
}

Tailwind CSS v4

/* Bold Irish to Purple Prose — https://swatchly.xyz/palette/00814d-d08cc2-a7ecd2-5a324f */
@theme {
  --color-bold-irish: #00814d;
  --color-bold-irish-50: #ddffe9;
  --color-bold-irish-100: #c1fcd6;
  --color-bold-irish-200: #a3ebbf;
  --color-bold-irish-300: #83d6a5;
  --color-bold-irish-400: #58b883;
  --color-bold-irish-500: #339d67;
  --color-bold-irish-600: #00814d;
  --color-bold-irish-700: #00673c;
  --color-bold-irish-800: #00502e;
  --color-bold-irish-900: #003e22;
  --color-bold-irish-950: #002714;
  --color-pink-punk: #d08cc2;
  --color-pink-punk-50: #fff3fc;
  --color-pink-punk-100: #ffe5f9;
  --color-pink-punk-200: #fcc8f0;
  --color-pink-punk-300: #eaafdd;
  --color-pink-punk-400: #d08cc2;
  --color-pink-punk-500: #b270a5;
  --color-pink-punk-600: #945588;
  --color-pink-punk-700: #79406e;
  --color-pink-punk-800: #602f57;
  --color-pink-punk-900: #4b2144;
  --color-pink-punk-950: #30122b;
  --color-seafoam-splashes: #a7ecd2;
  --color-seafoam-splashes-50: #e3fff4;
  --color-seafoam-splashes-100: #d0f9e9;
  --color-seafoam-splashes-200: #a7ecd2;
  --color-seafoam-splashes-300: #99d2bc;
  --color-seafoam-splashes-400: #73b39c;
  --color-seafoam-splashes-500: #549780;
  --color-seafoam-splashes-600: #397b65;
  --color-seafoam-splashes-700: #24634f;
  --color-seafoam-splashes-800: #144d3c;
  --color-seafoam-splashes-900: #0a3c2e;
  --color-seafoam-splashes-950: #03261c;
  --color-purple-prose: #5a324f;
  --color-purple-prose-50: #fff0fa;
  --color-purple-prose-100: #ffe1f5;
  --color-purple-prose-200: #f0cbe4;
  --color-purple-prose-300: #dcb2cf;
  --color-purple-prose-400: #be91b0;
  --color-purple-prose-500: #a37595;
  --color-purple-prose-600: #865b7a;
  --color-purple-prose-700: #6d4662;
  --color-purple-prose-800: #5a324f;
  --color-purple-prose-900: #44273c;
  --color-purple-prose-950: #2b1726;
}