#A21278Plum
#F4EDE4Linen
#DFBDBBBaby Pink
#1A1A1ALicorice

Plum & Baby Pink Tale color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Plum & Baby Pink Tale is a split color palette tagged dark, minimal, white. A split scheme: Plum plays against Baby Pink across roughly 76° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Plum#A21278rgb(162, 18, 120)hsl(318, 80%, 35%)oklch(48.2% 0.195 344)
Linen#F4EDE4rgb(244, 237, 228)hsl(34, 42%, 93%)oklch(94.9% 0.014 74)
Baby Pink#DFBDBBrgb(223, 189, 187)hsl(3, 36%, 80%)oklch(82.7% 0.039 22)
Licorice#1A1A1Argb(26, 26, 26)hsl(0, 0%, 10%)oklch(21.8% 0.000 0)

Why it works and how to use it

The palette holds together thanks to its split hue relationship and a strong light-to-dark ladder (93% down to 10% lightness). A natural fit for websites, presentations and branding.

  • Background: Linen (#F4EDE4) is the lightest color, so it belongs on large surfaces.
  • Text: Licorice (#1A1A1A) on #F4EDE4 gives 14.98:1, passing WCAG AAA.
  • Primary: Plum (#A21278) is the most saturated mid-tone; use it for buttons and links (6.25:1 against the background, fine for UI elements).
  • Accent: Baby Pink (#DFBDBB) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Linen on Licorice at 14.98:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Plum & Baby Pink Tale

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary
Card title
Card title
Card title
Roles are assigned by lightness.

Color blindness simulation

#A21278
#F4EDE4
#DFBDBB
#1A1A1A

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#F4EDE4 on #1A1A1AAa14.98:1AAA
#DFBDBB on #1A1A1AAa10.06:1AAA
#A21278 on #F4EDE4Aa6.25:1AA
#A21278 on #DFBDBBAa4.19:1AA large only
#A21278 on #1A1A1AAa2.4:1Fail
#F4EDE4 on #DFBDBBAa1.49:1Fail

Similar palettes 24 more in this mood