#3A0663Indigo
#672A8AGrape
#ACD839Pear
#DFDFDFBone

Royal Pear & Grape color palette

VibrantDarkColdPurple
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Royal Pear & Grape is a complementary color palette tagged vibrant, dark, cold. Indigo and Pear sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. Neither washed out nor loud, it adapts to most contexts. The overall temperature is cool.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Indigo#3A0663rgb(58, 6, 99)hsl(274, 89%, 21%)oklch(28.7% 0.143 303)
Grape#672A8Argb(103, 42, 138)hsl(278, 53%, 35%)oklch(41.9% 0.156 311)
Pear#ACD839rgb(172, 216, 57)hsl(77, 67%, 54%)oklch(82.3% 0.185 124)
Bone#DFDFDFrgb(223, 223, 223)hsl(0, 0%, 87%)oklch(90.4% 0.000 0)

Why it works and how to use it

With 3 chromatic colors, Pear takes the lead while the rest support. Lightness runs from 21% to 87%. Well suited to websites, presentations and branding.

  • Background: Bone (#DFDFDF) is the lightest color, so it belongs on large surfaces.
  • Text: Indigo (#3A0663) on #DFDFDF gives 11.37:1, passing WCAG AAA.
  • Primary: Pear (#ACD839) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Grape (#672A8A) for highlights, badges and hover states.

4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Indigo on Bone at 11.37:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Royal Pear & Grape

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

#3A0663
#672A8A
#ACD839
#DFDFDF

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#3A0663 on #DFDFDFAa11.37:1AAA
#3A0663 on #ACD839Aa9.12:1AAA
#672A8A on #DFDFDFAa6.93:1AA
#672A8A on #ACD839Aa5.55:1AA
#3A0663 on #672A8AAa1.64:1Fail
#ACD839 on #DFDFDFAa1.25:1Fail

Similar palettes 24 more in this mood

More vibrant palettes →More dark palettes →More cold palettes →More purple palettes →