#1F1133Ink
#563D7CDusk
#8E69B3Amethyst
#E1AC74Tan

Tangerine Amethyst & Dusk color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Tangerine Amethyst & Dusk is a split color palette tagged space, dark, purple. A split scheme: Ink plays against Tan across roughly 127° 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
Ink#1F1133rgb(31, 17, 51)hsl(265, 50%, 13%)oklch(21.7% 0.065 300)
Dusk#563D7Crgb(86, 61, 124)hsl(264, 34%, 36%)oklch(41.8% 0.104 300)
Amethyst#8E69B3rgb(142, 105, 179)hsl(270, 33%, 56%)oklch(58.8% 0.116 306)
Tan#E1AC74rgb(225, 172, 116)hsl(31, 64%, 67%)oklch(78.1% 0.095 67)

Why it works and how to use it

With 4 chromatic colors, Dusk takes the lead while the rest support. Lightness runs from 13% to 67%. Well suited to websites, presentations and branding.

  • Background: Tan (#E1AC74) is the lightest color, so it belongs on large surfaces.
  • Text: Ink (#1F1133) on #E1AC74 gives 8.73:1, passing WCAG AAA.
  • Primary: Dusk (#563D7C) is the most saturated mid-tone; use it for buttons and links (4.4:1 against the background, fine for UI elements).
  • Accent: Amethyst (#8E69B3) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Tan at 8.73:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Tangerine Amethyst & Dusk

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

#1F1133
#563D7C
#8E69B3
#E1AC74

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#1F1133 on #E1AC74Aa8.73:1AAA
#563D7C on #E1AC74Aa4.4:1AA large only
#1F1133 on #8E69B3Aa4.06:1AA large only
#8E69B3 on #E1AC74Aa2.15:1Fail
#563D7C on #8E69B3Aa2.05:1Fail
#1F1133 on #563D7CAa1.98:1Fail

Similar palettes 24 more in this mood