← Back to Editor

#C8E2D8 · #A3C4B1 · #6E8A7D · #713E54 · #462133

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

#C8E2D8

Jade · LightGray · Mint Green

HEX
#C8E2D8
RGB
rgb(200, 226, 216)
HSL
hsl(157, 31%, 84%)
HSB
hsb(157, 12%, 89%)
CMYK
cmyk(12%, 0%, 4%, 11%)
Oklch
oklch(89.1% 0.031 170.5)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#A3C4B1

Celadon · DarkGray · Apple Green

HEX
#A3C4B1
RGB
rgb(163, 196, 177)
HSL
hsl(145, 22%, 70%)
HSB
hsb(145, 17%, 77%)
CMYK
cmyk(17%, 0%, 10%, 23%)
Oklch
oklch(79.1% 0.044 160.0)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#6E8A7D

Mineral Blue · Gray · Olive Green

HEX
#6E8A7D
RGB
rgb(110, 138, 125)
HSL
hsl(152, 11%, 49%)
HSB
hsb(152, 20%, 54%)
CMYK
cmyk(20%, 0%, 9%, 46%)
Oklch
oklch(60.8% 0.037 165.2)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#713E54

Dark Violet · DimGray · Camellia

HEX
#713E54
RGB
rgb(113, 62, 84)
HSL
hsl(334, 29%, 34%)
HSB
hsb(334, 45%, 44%)
CMYK
cmyk(0%, 45%, 26%, 56%)
Oklch
oklch(43.3% 0.077 353.4)

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

#462133

Dark Violet · DarkSlateGray · Raspberry

HEX
#462133
RGB
rgb(70, 33, 51)
HSL
hsl(331, 36%, 20%)
HSB
hsb(331, 53%, 27%)
CMYK
cmyk(0%, 53%, 27%, 73%)
Oklch
oklch(30.5% 0.062 350.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C8E2D8
E3CAD3

Analogous

CAE3CD
C8E2D8
CAE0E3

Triadic

C8E2D8
D9CAE3
E3D9CA

Split-Comp.

C8E2D8
E3CAE0
E3CDCA

Tetradic

C8E2D8
CDCAE3
E3CAD3
E0E3CA

Contrast Matrix WCAG 2.1 Contrast

C8E2D8
A3C4B1
6E8A7D
713E54
462133
—
1.4
Fail
2.7
Fail
6.1
AA
10.0
AAA
1.4
Fail
—
2.0
Fail
4.4
AA Large
7.3
AAA
2.7
Fail
2.0
Fail
—
2.2
Fail
3.7
AA Large
6.1
AA
4.4
AA Large
2.2
Fail
—
1.7
Fail
10.0
AAA
7.3
AAA
3.7
AA Large
1.7
Fail
—
White BG
1.4Fail
1.9Fail
3.8AA Large
8.3AAA
13.8AAA
Black BG
15.3AAA
11.1AAA
5.6AA
2.5Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D3DA
B1B2B6
7A7A80
5B5A4F
36362F

Deuteranopia

D2D0DB
AFADB7
797681
5E624D
383B2E

Tritanopia

C9DCDD
A5B9BA
6F8383
6E4A4A
442B2A

Achromatopsia

D9D9D9
B8B8B8
808080
505050
2E2E2E

Shades & Tints Shades & Tints

#C8E2D8

Dark
Light

#A3C4B1

Dark
Light

#6E8A7D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c8e2d8;
  --color-2: #a3c4b1;
  --color-3: #6e8a7d;
  --color-4: #713e54;
  --color-5: #462133;
}

SCSS

$color-1: #c8e2d8;
$color-2: #a3c4b1;
$color-3: #6e8a7d;
$color-4: #713e54;
$color-5: #462133;

TAILWIND

colors: {
  'brand-1': '#c8e2d8',
  'brand-2': '#a3c4b1',
  'brand-3': '#6e8a7d',
  'brand-4': '#713e54',
  'brand-5': '#462133',
}

RGB Array

[200, 226, 216], [163, 196, 177], [110, 138, 125], [113, 62, 84], [70, 33, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #C8E2D8, #A3C4B1, #6E8A7D, #713E54, #462133 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: #c8e2d8; --color-2: #a3c4b1; --color-3: #6e8a7d; --color-4: #713e54; --color-5: #462133. 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