#C7B17F + #E3D3A0 + #CBD6AE + #B0D3B5 + #8CC7B1 · luxury - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C7B17F

Ginger · Tan · Sunflower

HEX

#C7B17F

RGB

rgb(199, 177, 127)

HSL

hsl(42, 39%, 64%)

HSB

hsb(42, 36%, 78%)

CMYK

cmyk(0%, 11%, 36%, 22%)

Oklch

oklch(76.7% 0.071 86.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#E3D3A0

Goose Yellow · Wheat · Lemon Cream

HEX

#E3D3A0

RGB

rgb(227, 211, 160)

HSL

hsl(46, 54%, 76%)

HSB

hsb(46, 30%, 89%)

CMYK

cmyk(0%, 7%, 30%, 11%)

Oklch

oklch(86.8% 0.069 92.7)

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

#CBD6AE

Willow Green · Silver · Apple Green

HEX

#CBD6AE

RGB

rgb(203, 214, 174)

HSL

hsl(77, 33%, 76%)

HSB

hsb(77, 19%, 84%)

CMYK

cmyk(5%, 0%, 19%, 16%)

Oklch

oklch(85.7% 0.055 120.1)

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

#B0D3B5

Celadon · Silver · Apple Green

HEX

#B0D3B5

RGB

rgb(176, 211, 181)

HSL

hsl(129, 28%, 76%)

HSB

hsb(129, 17%, 83%)

CMYK

cmyk(17%, 0%, 14%, 17%)

Oklch

oklch(83.3% 0.056 149.1)

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

#8CC7B1

Jade · DarkSeaGreen · Apple Green

HEX

#8CC7B1

RGB

rgb(140, 199, 177)

HSL

hsl(158, 35%, 66%)

HSB

hsb(158, 30%, 78%)

CMYK

cmyk(30%, 0%, 11%, 22%)

Oklch

oklch(78.3% 0.069 169.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C7B17F

7F95C7

Analogous

C78E7F

C7B17F

B9C77F

Triadic

C7B17F

7FC7B2

B27FC7

Split-Comp.

C7B17F

7FB9C7

8E7FC7

Tetradic

C7B17F

7FC78E

7F95C7

C77FB9

Contrast Matrix WCAG 2.1 Contrast

C7B17F	E3D3A0	CBD6AE	B0D3B5	8CC7B1
—	1.4 Fail	1.4 Fail	1.3 Fail	1.1 Fail
1.4 Fail	—	1.0 Fail	1.1 Fail	1.3 Fail
1.4 Fail	1.0 Fail	—	1.1 Fail	1.3 Fail
1.3 Fail	1.1 Fail	1.1 Fail	—	1.2 Fail
1.1 Fail	1.3 Fail	1.3 Fail	1.2 Fail	—

White BG

2.1Fail

1.5Fail

1.6Fail

1.9Fail

Black BG

10.0AAA

14.1AAA

13.8AAA

12.8AAA

10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBD8B

DCDCAC

D0D0B8

BFBFBC

A6A6B6

Deuteranopia

BFC08E

DDDEAF

CFCEBA

BDBBBE

A29EB8

Tritanopia

C69597

E2B6B8

CCBFC1

B2C2C3

8FBBBB

Achromatopsia

B2B2B2

D2D2D2

CECECE

C5C5C5

B3B3B3

Shades & Tints Shades & Tints

#C7B17F

Dark

Light

#E3D3A0

Dark

Light

#CBD6AE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c7b17f;
  --color-2: #e3d3a0;
  --color-3: #cbd6ae;
  --color-4: #b0d3b5;
  --color-5: #8cc7b1;
}

SCSS

$color-1: #c7b17f;
$color-2: #e3d3a0;
$color-3: #cbd6ae;
$color-4: #b0d3b5;
$color-5: #8cc7b1;

TAILWIND

colors: {
  'brand-1': '#c7b17f',
  'brand-2': '#e3d3a0',
  'brand-3': '#cbd6ae',
  'brand-4': '#b0d3b5',
  'brand-5': '#8cc7b1',
}

RGB Array

[199, 177, 127], [227, 211, 160], [203, 214, 174], [176, 211, 181], [140, 199, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #C7B17F, #E3D3A0, #CBD6AE, #B0D3B5, #8CC7B1 is ideal for: health products, baby brands, fresh-style blogs. 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: #c7b17f; --color-2: #e3d3a0; --color-3: #cbd6ae; --color-4: #b0d3b5; --color-5: #8cc7b1. 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. 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