#813500Chocolate
#F5F5F5Smoke
#BB83FFOrchid
#1A1A1ALicorice

Juicy Orchid & Chocolate color palette

DarkBrownWhitePurpleBlack
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Juicy Orchid & Chocolate is a split color palette tagged dark, brown, white. A split scheme: Chocolate plays against Orchid across roughly 118° 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
Chocolate#813500rgb(129, 53, 0)hsl(25, 100%, 25%)oklch(42.8% 0.119 47)
Smoke#F5F5F5rgb(245, 245, 245)hsl(0, 0%, 96%)oklch(97.0% 0.000 0)
Orchid#BB83FFrgb(187, 131, 255)hsl(267, 100%, 76%)oklch(71.7% 0.181 303)
Licorice#1A1A1Argb(26, 26, 26)hsl(0, 0%, 10%)oklch(21.8% 0.000 0)

Why it works and how to use it

Two of the four colors are near-neutral, which leaves room for Chocolate to lead. Lightness runs from 10% to 96%. Well suited to websites, presentations and branding.

  • Background: Smoke (#F5F5F5) is the lightest color, so it belongs on large surfaces.
  • Text: Licorice (#1A1A1A) on #F5F5F5 gives 15.96:1, passing WCAG AAA.
  • Primary: Chocolate (#813500) is the most saturated mid-tone; use it for buttons and links (7.89:1 against the background, fine for UI elements).
  • Accent: Orchid (#BB83FF) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Juicy Orchid & Chocolate

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

#813500
#F5F5F5
#BB83FF
#1A1A1A

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#F5F5F5 on #1A1A1AAa15.96:1AAA
#813500 on #F5F5F5Aa7.89:1AAA
#BB83FF on #1A1A1AAa6.47:1AA
#813500 on #BB83FFAa3.19:1AA large only
#F5F5F5 on #BB83FFAa2.47:1Fail
#813500 on #1A1A1AAa2.02:1Fail

Similar palettes 24 more in this mood

More dark palettes →More brown palettes →More white palettes →More purple palettes →More black palettes →