← Back to Editor

#C7A29A · #B08888 · #88626F · #5E3B5B · #3A203D

luxury

A 5-color luxury palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#C7A29A

Peach Pink · Tan · Coral Red

HEX
#C7A29A
RGB
rgb(199, 162, 154)
HSL
hsl(11, 29%, 69%)
HSB
hsb(11, 23%, 78%)
CMYK
cmyk(0%, 19%, 23%, 22%)
Oklch
oklch(74.3% 0.046 32.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#B08888

Peach Pink · DarkGray · Coral Red

HEX
#B08888
RGB
rgb(176, 136, 136)
HSL
hsl(0, 20%, 61%)
HSB
hsb(0, 23%, 69%)
CMYK
cmyk(0%, 23%, 23%, 31%)
Oklch
oklch(66.5% 0.049 18.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#88626F

Dark Violet · DimGray · Camellia

HEX
#88626F
RGB
rgb(136, 98, 111)
HSL
hsl(339, 16%, 46%)
HSB
hsb(339, 28%, 53%)
CMYK
cmyk(0%, 28%, 18%, 47%)
Oklch
oklch(53.9% 0.052 356.7)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#5E3B5B

Rose Purple · DimGray · Eggplant

HEX
#5E3B5B
RGB
rgb(94, 59, 91)
HSL
hsl(305, 23%, 30%)
HSB
hsb(305, 37%, 37%)
CMYK
cmyk(0%, 37%, 3%, 63%)
Oklch
oklch(40.6% 0.069 329.8)

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

#3A203D

Dark Plum · DarkSlateGray · Dark Purple

HEX
#3A203D
RGB
rgb(58, 32, 61)
HSL
hsl(294, 31%, 18%)
HSB
hsb(294, 48%, 24%)
CMYK
cmyk(5%, 48%, 0%, 76%)
Oklch
oklch(29.1% 0.062 323.2)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C7A29A
99BEC7

Analogous

C799A8
C7A29A
C7B899

Triadic

C7A29A
99C7A1
A199C7

Split-Comp.

C7A29A
99C7B8
99A8C7

Tetradic

C7A29A
A8C799
99BEC7
B899C7

Contrast Matrix WCAG 2.1 Contrast

C7A29A
B08888
88626F
5E3B5B
3A203D
—
1.3
Fail
2.3
Fail
4.0
AA Large
6.2
AA
1.3
Fail
—
1.7
Fail
3.0
Fail
4.6
AA
2.3
Fail
1.7
Fail
—
1.8
Fail
2.8
Fail
4.0
AA Large
3.0
Fail
1.8
Fail
—
1.5
Fail
6.2
AA
4.6
AA
2.8
Fail
1.5
Fail
—
White BG
2.3Fail
3.1AA Large
5.2AA
9.3AAA
14.4AAA
Black BG
9.1AAA
6.7AA
4.0AA Large
2.3Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B79C
9F9E88
78776C
4F4F53
2F2F36

Deuteranopia

B9BC9C
A1A488
7A7D6B
515451
303234

Tritanopia

C59D9E
AE8888
866969
5C4D4C
39302F

Achromatopsia

ACACAC
949494
6F6F6F
494949
2B2B2B

Shades & Tints Shades & Tints

#C7A29A

Dark
Light

#B08888

Dark
Light

#88626F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c7a29a;
  --color-2: #b08888;
  --color-3: #88626f;
  --color-4: #5e3b5b;
  --color-5: #3a203d;
}

SCSS

$color-1: #c7a29a;
$color-2: #b08888;
$color-3: #88626f;
$color-4: #5e3b5b;
$color-5: #3a203d;

TAILWIND

colors: {
  'brand-1': '#c7a29a',
  'brand-2': '#b08888',
  'brand-3': '#88626f',
  'brand-4': '#5e3b5b',
  'brand-5': '#3a203d',
}

RGB Array

[199, 162, 154], [176, 136, 136], [136, 98, 111], [94, 59, 91], [58, 32, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #C7A29A, #B08888, #88626F, #5E3B5B, #3A203D is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c7a29a; --color-2: #b08888; --color-3: #88626f; --color-4: #5e3b5b; --color-5: #3a203d. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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. Restrained colors convey professionalism and trust. 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