#642063 + #788D98 + #B27D89 + #C18977 + #E78953 · luxury - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#642063

Rose Purple · Purple · Eggplant

HEX

#642063

RGB

rgb(100, 32, 99)

HSL

hsl(301, 52%, 26%)

HSB

hsb(301, 68%, 39%)

CMYK

cmyk(0%, 68%, 1%, 61%)

Oklch

oklch(37.6% 0.130 328.4)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#788D98

Slate Blue · LightSlateGray · Navy Blue

HEX

#788D98

RGB

rgb(120, 141, 152)

HSL

hsl(201, 13%, 53%)

HSB

hsb(201, 21%, 60%)

CMYK

cmyk(21%, 7%, 0%, 40%)

Oklch

oklch(63.1% 0.029 230.7)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#B27D89

Crimson · Gray · Passion Red

HEX

#B27D89

RGB

rgb(178, 125, 137)

HSL

hsl(346, 26%, 59%)

HSB

hsb(346, 30%, 70%)

CMYK

cmyk(0%, 30%, 23%, 30%)

Oklch

oklch(64.6% 0.068 4.2)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#C18977

Apricot · DarkSalmon · Warm Sun

HEX

#C18977

RGB

rgb(193, 137, 119)

HSL

hsl(15, 37%, 61%)

HSB

hsb(15, 38%, 76%)

CMYK

cmyk(0%, 29%, 38%, 24%)

Oklch

oklch(68.1% 0.074 38.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E78953

Apricot · Coral · Warm Sun

HEX

#E78953

RGB

rgb(231, 137, 83)

HSL

hsl(22, 76%, 62%)

HSB

hsb(22, 64%, 91%)

CMYK

cmyk(0%, 41%, 64%, 9%)

Oklch

oklch(72.0% 0.134 49.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

642063

206521

Analogous

432065

642063

652041

Triadic

642063

646520

206465

Split-Comp.

642063

416520

206543

Tetradic

642063

654320

206521

204165

Contrast Matrix WCAG 2.1 Contrast

642063	788D98	B27D89	C18977	E78953
—	3.1 AA Large	3.2 AA Large	3.7 AA Large	4.2 AA Large
3.1 AA Large	—	1.0 Fail	1.2 Fail	1.3 Fail
3.2 AA Large	1.0 Fail	—	1.1 Fail	1.3 Fail
3.7 AA Large	1.2 Fail	1.1 Fail	—	1.1 Fail
4.2 AA Large	1.3 Fail	1.3 Fail	1.1 Fail	—

White BG

10.9AAA

3.5AA Large

3.4AA Large

3.0Fail

2.6Fail

Black BG

1.9Fail

6.1AA

6.2AA

7.1AAA

8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

474653

818195

9B9B86

A9A87B

BEBD60

Deuteranopia

4B504F

807E95

9EA285

ACB07C

C4CB63

Tritanopia

614643

799393

AF8483

BE7F80

E26A6D

Achromatopsia

3C3C3C

888888

8E8E8E

989898

9F9F9F

Shades & Tints Shades & Tints

#642063

Dark

Light

#788D98

Dark

Light

#B27D89

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #642063;
  --color-2: #788d98;
  --color-3: #b27d89;
  --color-4: #c18977;
  --color-5: #e78953;
}

SCSS

$color-1: #642063;
$color-2: #788d98;
$color-3: #b27d89;
$color-4: #c18977;
$color-5: #e78953;

TAILWIND

colors: {
  'brand-1': '#642063',
  'brand-2': '#788d98',
  'brand-3': '#b27d89',
  'brand-4': '#c18977',
  'brand-5': '#e78953',
}

RGB Array

[100, 32, 99], [120, 141, 152], [178, 125, 137], [193, 137, 119], [231, 137, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #642063, #788D98, #B27D89, #C18977, #E78953 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #642063; --color-2: #788d98; --color-3: #b27d89; --color-4: #c18977; --color-5: #e78953. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This luxury-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color