#2D2D2DGunmetal
#FFA071Cantaloupe
#9C78FFAmethyst
#FAFAFASnow

Amethyst & Cantaloupe Trail color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Amethyst & Cantaloupe Trail is a split color palette tagged halloween, orange, purple. A split scheme: Cantaloupe plays against Amethyst across roughly 124° 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
Gunmetal#2D2D2Drgb(45, 45, 45)hsl(0, 0%, 18%)oklch(29.7% 0.000 0)
Cantaloupe#FFA071rgb(255, 160, 113)hsl(20, 100%, 72%)oklch(79.2% 0.129 47)
Amethyst#9C78FFrgb(156, 120, 255)hsl(256, 100%, 74%)oklch(67.0% 0.193 293)
Snow#FAFAFArgb(250, 250, 250)hsl(0, 0%, 98%)oklch(98.5% 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 (98% down to 18% lightness). A natural fit for seasonal campaigns and greeting cards.

  • Background: Snow (#FAFAFA) is the lightest color, so it belongs on large surfaces.
  • Text: Gunmetal (#2D2D2D) on #FAFAFA gives 13.19:1, passing WCAG AAA.
  • Primary: Cantaloupe (#FFA071) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Amethyst (#9C78FF) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Gunmetal on Snow at 13.19:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Amethyst & Cantaloupe Trail

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

#2D2D2D
#FFA071
#9C78FF
#FAFAFA

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#2D2D2D on #FAFAFAAa13.19:1AAA
#2D2D2D on #FFA071Aa6.9:1AA
#2D2D2D on #9C78FFAa4.29:1AA large only
#9C78FF on #FAFAFAAa3.07:1AA large only
#FFA071 on #FAFAFAAa1.91:1Fail
#FFA071 on #9C78FFAa1.61:1Fail

Similar palettes 24 more in this mood