#2D2B26Jet
#F1F1F1Smoke
#AC4800Rust
#C87CE9Orchid

Tangerine Orchid & Rust color palette

ModernGrayWhiteBrownPurple
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Tangerine Orchid & Rust is a split color palette tagged modern, gray, white. The hues span about 103°, enough contrast to create a focal point without the harshness of true complements. Neither washed out nor loud, it adapts to most contexts.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Jet#2D2B26rgb(45, 43, 38)hsl(43, 8%, 16%)oklch(28.9% 0.009 89)
Smoke#F1F1F1rgb(241, 241, 241)hsl(0, 0%, 95%)oklch(95.8% 0.000 0)
Rust#AC4800rgb(172, 72, 0)hsl(25, 100%, 34%)oklch(52.6% 0.147 46)
Orchid#C87CE9rgb(200, 124, 233)hsl(282, 71%, 70%)oklch(70.8% 0.171 315)

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 (95% down to 16% lightness). A natural fit for websites, presentations and branding.

  • Background: Smoke (#F1F1F1) is the lightest color, so it belongs on large surfaces.
  • Text: Jet (#2D2B26) on #F1F1F1 gives 12.52:1, passing WCAG AAA.
  • Primary: Rust (#AC4800) is the most saturated mid-tone; use it for buttons and links (5.05:1 against the background, fine for UI elements).
  • Accent: Orchid (#C87CE9) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Tangerine Orchid & Rust

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

#2D2B26
#F1F1F1
#AC4800
#C87CE9

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#2D2B26 on #F1F1F1Aa12.52:1AAA
#2D2B26 on #C87CE9Aa5.06:1AA
#F1F1F1 on #AC4800Aa5.05:1AA
#2D2B26 on #AC4800Aa2.48:1Fail
#F1F1F1 on #C87CE9Aa2.47:1Fail
#AC4800 on #C87CE9Aa2.04:1Fail

Similar palettes 24 more in this mood

More modern palettes →More gray palettes →More white palettes →More brown palettes →More purple palettes →