Pastel palette

Blossom Ink

Soft pinks anchored by a dark plum, because a pastel set needs an ink.

5 colors · 6 of 20 pairs carry body text

Pastel

#4E2D4F

dark muted magenta

#7A4B6B

mid muted rose

#A77C8F

mid muted rose

#D4A4AB

light soft red

#FFDCDB

very light intense red

CSS

:root {
  --blossom_ink-1: #4e2d4f;
  --blossom_ink-2: #7a4b6b;
  --blossom_ink-3: #a77c8f;
  --blossom_ink-4: #d4a4ab;
  --blossom_ink-5: #ffdcdb;
}

Drop these into :root and reference them anywhere. The names follow the palette so a second palette will not collide with this one.

This palette is a starting point. Open it in the generator to change the harmony rule, lock the colors you like and shuffle the rest.

6 of 20 pairs reach 4.5:1

Contrast ratio of every color in this palette against every other.
On ↓ / text →	#4E2D4F	#7A4B6B	#A77C8F	#D4A4AB	#FFDCDB
#4E2D4F	Same	1.68	3.27	5.35	9.11
#7A4B6B	1.68	Same	1.94	3.18	5.42
#A77C8F	3.27	1.94	Same	1.64	2.79
#D4A4AB	5.35	3.18	1.64	Same	1.7
#FFDCDB	9.11	5.42	2.79	1.7	Same

Read a row as the background and a column as the text on it. Anything at 4.5:1 or above carries body text; 3:1 covers large text and interface parts.