← Back to Editor

#E2D2CA · #7A8991 · #F8F1F0 · #1C0F11 · #831E4E

luxury

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E2D2CA

Apricot · LightGray · Peach Orange

HEX
#E2D2CA
RGB
rgb(226, 210, 202)
HSL
hsl(20, 29%, 84%)
HSB
hsb(20, 11%, 89%)
CMYK
cmyk(0%, 7%, 11%, 11%)
Oklch
oklch(87.5% 0.021 48.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#7A8991

Slate Blue · LightSlateGray · Warm Gray

HEX
#7A8991
RGB
rgb(122, 137, 145)
HSL
hsl(201, 9%, 52%)
HSB
hsb(201, 16%, 57%)
CMYK
cmyk(16%, 6%, 0%, 43%)
Oklch
oklch(62.1% 0.021 230.9)

Traditional「Slate Blue」· Paint「Warm Gray」· Creative Urban Concrete

#F8F1F0

Peach Pink · SeaShell · Cherry Blossom

HEX
#F8F1F0
RGB
rgb(248, 241, 240)
HSL
hsl(7, 36%, 96%)
HSB
hsb(7, 3%, 97%)
CMYK
cmyk(0%, 3%, 3%, 3%)
Oklch
oklch(96.3% 0.008 27.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#1C0F11

Crimson · Black · Deep Berry

HEX
#1C0F11
RGB
rgb(28, 15, 17)
HSL
hsl(351, 30%, 8%)
HSB
hsb(351, 46%, 11%)
CMYK
cmyk(0%, 46%, 39%, 89%)
Oklch
oklch(18.7% 0.022 9.4)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#831E4E

Dark Violet · Brown · Camellia

HEX
#831E4E
RGB
rgb(131, 30, 78)
HSL
hsl(331, 63%, 32%)
HSB
hsb(331, 77%, 51%)
CMYK
cmyk(0%, 77%, 40%, 49%)
Oklch
oklch(41.7% 0.142 356.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2D2CA
CADAE2

Analogous

E2CACE
E2D2CA
E2DECA

Triadic

E2D2CA
CAE2D2
D2CAE2

Split-Comp.

E2D2CA
CAE2DE
CACEE2

Tetradic

E2D2CA
CEE2CA
CADAE2
DECAE2

Contrast Matrix WCAG 2.1 Contrast

E2D2CA
7A8991
F8F1F0
1C0F11
831E4E
—
2.5
Fail
1.3
Fail
12.7
AAA
6.3
AA
2.5
Fail
—
3.2
AA Large
5.2
AA
2.6
Fail
1.3
Fail
3.2
AA Large
—
16.7
AAA
8.3
AAA
12.7
AAA
5.2
AA
16.7
AAA
—
2.0
Fail
6.3
AA
2.6
Fail
8.3
AAA
2.0
Fail
—
White BG
1.5Fail
3.6AA Large
1.1Fail
18.7AAA
9.3AAA
Black BG
14.3AAA
5.8AA
18.8AAA
1.1Fail
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBCC
80818F
F5F5F0
161611
575642

Deuteranopia

DCDDCC
807F8F
F5F6F0
171810
5D6540

Tritanopia

E1CDCE
7B8E8D
F8F0F0
1B1010
7E3937

Achromatopsia

D6D6D6
858585
F3F3F3
131313
424242

Shades & Tints Shades & Tints

#E2D2CA

Dark
Light

#7A8991

Dark
Light

#F8F1F0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2d2ca;
  --color-2: #7a8991;
  --color-3: #f8f1f0;
  --color-4: #1c0f11;
  --color-5: #831e4e;
}

SCSS

$color-1: #e2d2ca;
$color-2: #7a8991;
$color-3: #f8f1f0;
$color-4: #1c0f11;
$color-5: #831e4e;

TAILWIND

colors: {
  'brand-1': '#e2d2ca',
  'brand-2': '#7a8991',
  'brand-3': '#f8f1f0',
  'brand-4': '#1c0f11',
  'brand-5': '#831e4e',
}

RGB Array

[226, 210, 202], [122, 137, 145], [248, 241, 240], [28, 15, 17], [131, 30, 78]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #E2D2CA, #7A8991, #F8F1F0, #1C0F11, #831E4E is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #e2d2ca; --color-2: #7a8991; --color-3: #f8f1f0; --color-4: #1c0f11; --color-5: #831e4e. 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. 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