← Back to Editor

#38211A · #CCBE9F · #E0DCD3 · #FAFAFA · #ABC3C9

luxury

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#38211A

Crimson · Black · Deep Berry

HEX
#38211A
RGB
rgb(56, 33, 26)
HSL
hsl(14, 37%, 16%)
HSB
hsb(14, 54%, 22%)
CMYK
cmyk(0%, 41%, 54%, 78%)
Oklch
oklch(27.5% 0.038 37.7)

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

#CCBE9F

Goose Yellow · Tan · Sunflower

HEX
#CCBE9F
RGB
rgb(204, 190, 159)
HSL
hsl(41, 31%, 71%)
HSB
hsb(41, 22%, 80%)
CMYK
cmyk(0%, 7%, 22%, 20%)
Oklch
oklch(80.5% 0.045 86.6)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#E0DCD3

Goose Yellow · LightGray · Lemon Cream

HEX
#E0DCD3
RGB
rgb(224, 220, 211)
HSL
hsl(42, 17%, 85%)
HSB
hsb(42, 6%, 88%)
CMYK
cmyk(0%, 2%, 6%, 12%)
Oklch
oklch(89.5% 0.013 86.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FAFAFA

Moonlight White · Snow · Cloud White

HEX
#FAFAFA
RGB
rgb(250, 250, 250)
HSL
hsl(0, 0%, 98%)
HSB
hsb(0, 0%, 98%)
CMYK
cmyk(0%, 0%, 0%, 2%)
Oklch
oklch(98.5% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#ABC3C9

Sky Blue · LightSteelBlue · Lake Green

HEX
#ABC3C9
RGB
rgb(171, 195, 201)
HSL
hsl(192, 22%, 73%)
HSB
hsb(192, 15%, 79%)
CMYK
cmyk(15%, 3%, 0%, 21%)
Oklch
oklch(80.1% 0.027 214.5)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

38211A
1A3138

Analogous

381A22
38211A
38301A

Triadic

38211A
1A3821
211A38

Split-Comp.

38211A
1A3830
1A2238

Tetradic

38211A
22381A
1A3138
301A38

Contrast Matrix WCAG 2.1 Contrast

38211A
CCBE9F
E0DCD3
FAFAFA
ABC3C9
—
8.2
AAA
11.0
AAA
14.4
AAA
8.1
AAA
8.2
AAA
—
1.3
Fail
1.8
Fail
1.0
Fail
11.0
AAA
1.3
Fail
—
1.3
Fail
1.3
Fail
14.4
AAA
1.8
Fail
1.3
Fail
—
1.8
Fail
8.1
AAA
1.0
Fail
1.3
Fail
1.8
Fail
—
White BG
15.0AAA
1.8Fail
1.4Fail
1.0Fail
1.8Fail
Black BG
1.4Fail
11.4AAA
15.3AAA
20.1AAA
11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2E1C
C6C6A7
DEDED5
FAFAFA
B5B6C8

Deuteranopia

2F311C
C7C8A8
DFDFD6
FAFAFA
B4B2C7

Tritanopia

371D1D
CBACAE
E0D7D7
FAFAFA
ACC6C6

Achromatopsia

272727
BFBFBF
DCDCDC
FAFAFA
BDBDBD

Shades & Tints Shades & Tints

#38211A

Dark
Light

#CCBE9F

Dark
Light

#E0DCD3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #38211a;
  --color-2: #ccbe9f;
  --color-3: #e0dcd3;
  --color-4: #fafafa;
  --color-5: #abc3c9;
}

SCSS

$color-1: #38211a;
$color-2: #ccbe9f;
$color-3: #e0dcd3;
$color-4: #fafafa;
$color-5: #abc3c9;

TAILWIND

colors: {
  'brand-1': '#38211a',
  'brand-2': '#ccbe9f',
  'brand-3': '#e0dcd3',
  'brand-4': '#fafafa',
  'brand-5': '#abc3c9',
}

RGB Array

[56, 33, 26], [204, 190, 159], [224, 220, 211], [250, 250, 250], [171, 195, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #38211A, #CCBE9F, #E0DCD3, #FAFAFA, #ABC3C9 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, 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: #38211a; --color-2: #ccbe9f; --color-3: #e0dcd3; --color-4: #fafafa; --color-5: #abc3c9. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts 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