#36292EJet
#5C3083Grape
#604343Walnut
#733F6FEggplant

Deep Grape & Eggplant color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Deep Grape & Eggplant is a dark, split color palette tagged dark, purple. A split scheme: Grape plays against Eggplant across roughly 88° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Jet#36292Ergb(54, 41, 46)hsl(337, 14%, 19%)oklch(29.8% 0.021 353)
Grape#5C3083rgb(92, 48, 131)hsl(272, 46%, 35%)oklch(40.8% 0.136 306)
Walnut#604343rgb(96, 67, 67)hsl(0, 18%, 32%)oklch(41.5% 0.040 19)
Eggplant#733F6Frgb(115, 63, 111)hsl(305, 29%, 35%)oklch(44.9% 0.099 330)

Why it works and how to use it

With 3 chromatic colors, Grape takes the lead while the rest support. Lightness runs from 19% to 35%. Well suited to dark-mode interfaces and gaming.

  • Background: Eggplant (#733F6F) is the lightest color, so it belongs on large surfaces.
  • Text: Jet (#36292E) on #733F6F gives 1.76:1, so pair it with a darker neutral for body copy.
  • Primary: Grape (#5C3083) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Walnut (#604343) for highlights, badges and hover states.

No pair inside the palette reaches 4.5:1, so add black or white for body text.

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

BrandFeaturesPricingBlogGet started

Design faster with Deep Grape & Eggplant

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

#36292E
#5C3083
#604343
#733F6F

Color-blind check: under protanopia and deuteranopia and tritanopia, Walnut and Eggplant become hard to tell apart, so do not rely on that pair alone to carry meaning.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#36292E on #733F6FAa1.76:1Fail
#36292E on #604343Aa1.57:1Fail
#36292E on #5C3083Aa1.46:1Fail
#5C3083 on #733F6FAa1.21:1Fail
#604343 on #733F6FAa1.12:1Fail
#5C3083 on #604343Aa1.08:1Fail

Similar palettes 24 more in this mood