#D1CFBE + #C7C293 + #BAB479 + #60B2A4 + #499E90 · 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

#D1CFBE

Fresh Green · LightGray · Lemon Cream

HEX

#D1CFBE

RGB

rgb(209, 207, 190)

HSL

hsl(54, 17%, 78%)

HSB

hsb(54, 9%, 82%)

CMYK

cmyk(0%, 1%, 9%, 18%)

Oklch

oklch(85.1% 0.023 101.4)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#C7C293

Fresh Green · Tan · Sunflower

HEX

#C7C293

RGB

rgb(199, 194, 147)

HSL

hsl(54, 32%, 68%)

HSB

hsb(54, 26%, 78%)

CMYK

cmyk(0%, 3%, 26%, 22%)

Oklch

oklch(80.6% 0.063 102.6)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#BAB479

Autumn Sage · Tan · Sunflower

HEX

#BAB479

RGB

rgb(186, 180, 121)

HSL

hsl(54, 32%, 60%)

HSB

hsb(54, 35%, 73%)

CMYK

cmyk(0%, 3%, 35%, 27%)

Oklch

oklch(76.1% 0.078 103.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#60B2A4

Mineral Blue · CadetBlue · Lake Green

HEX

#60B2A4

RGB

rgb(96, 178, 164)

HSL

hsl(170, 35%, 54%)

HSB

hsb(170, 46%, 70%)

CMYK

cmyk(46%, 0%, 8%, 30%)

Oklch

oklch(70.7% 0.083 181.4)

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

#499E90

Mineral Blue · CadetBlue · Mint Ice

HEX

#499E90

RGB

rgb(73, 158, 144)

HSL

hsl(170, 37%, 45%)

HSB

hsb(170, 54%, 62%)

CMYK

cmyk(54%, 0%, 9%, 38%)

Oklch

oklch(64.3% 0.085 181.2)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1CFBE

BDBFD0

Analogous

D0C5BD

D1CFBE

C9D0BD

Triadic

D1CFBE

BDD0CF

CFBDD0

Split-Comp.

D1CFBE

BDC9D0

C5BDD0

Tetradic

D1CFBE

BDD0C5

BDBFD0

D0BDC9

Contrast Matrix WCAG 2.1 Contrast

D1CFBE	C7C293	BAB479	60B2A4	499E90
—	1.2 Fail	1.4 Fail	1.6 Fail	2.0 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	1.8 Fail
1.4 Fail	1.2 Fail	—	1.2 Fail	1.5 Fail
1.6 Fail	1.4 Fail	1.2 Fail	—	1.3 Fail
2.0 Fail	1.8 Fail	1.5 Fail	1.3 Fail	—

White BG

1.6Fail

1.8Fail

2.1Fail

2.5Fail

3.2AA Large

Black BG

13.4AAA

11.6AAA

9.9AAA

8.4AAA

6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D0C2

C5C59E

B7B787

8484A7

6E6F93

Deuteranopia

D0D0C3

C5C5A1

B8B88B

7F79A8

696394

Tritanopia

D1C5C6

C7A7A9

BA9395

64AAAB

4D9697

Achromatopsia

CECECE

BEBEBE

AFAFAF

989898

838383

Shades & Tints Shades & Tints

#D1CFBE

Dark

Light

#C7C293

Dark

Light

#BAB479

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1cfbe;
  --color-2: #c7c293;
  --color-3: #bab479;
  --color-4: #60b2a4;
  --color-5: #499e90;
}

SCSS

$color-1: #d1cfbe;
$color-2: #c7c293;
$color-3: #bab479;
$color-4: #60b2a4;
$color-5: #499e90;

TAILWIND

colors: {
  'brand-1': '#d1cfbe',
  'brand-2': '#c7c293',
  'brand-3': '#bab479',
  'brand-4': '#60b2a4',
  'brand-5': '#499e90',
}

RGB Array

[209, 207, 190], [199, 194, 147], [186, 180, 121], [96, 178, 164], [73, 158, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #D1CFBE, #C7C293, #BAB479, #60B2A4, #499E90 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: #d1cfbe; --color-2: #c7c293; --color-3: #bab479; --color-4: #60b2a4; --color-5: #499e90. 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