#D5803F + #D9D39F + #F9F1CA + #B2C9BF + #BF7052 · luxury - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D5803F

Tangerine · Chocolate · Warm Sun

HEX

#D5803F

RGB

rgb(213, 128, 63)

HSL

hsl(26, 64%, 54%)

HSB

hsb(26, 70%, 84%)

CMYK

cmyk(0%, 40%, 70%, 16%)

Oklch

oklch(67.9% 0.132 55.4)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#D9D39F

Fresh Green · Khaki · Sunflower

HEX

#D9D39F

RGB

rgb(217, 211, 159)

HSL

hsl(54, 43%, 74%)

HSB

hsb(54, 27%, 85%)

CMYK

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

Oklch

oklch(85.9% 0.069 102.2)

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

#F9F1CA

Fresh Green · Bisque · Lemon Cream

HEX

#F9F1CA

RGB

rgb(249, 241, 202)

HSL

hsl(50, 80%, 88%)

HSB

hsb(50, 19%, 98%)

CMYK

cmyk(0%, 3%, 19%, 2%)

Oklch

oklch(95.5% 0.051 97.7)

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

#B2C9BF

Jade · Silver · Apple Green

HEX

#B2C9BF

RGB

rgb(178, 201, 191)

HSL

hsl(154, 18%, 74%)

HSB

hsb(154, 11%, 79%)

CMYK

cmyk(11%, 0%, 5%, 21%)

Oklch

oklch(81.6% 0.029 167.6)

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

#BF7052

Tangerine · Chocolate · Warm Sun

HEX

#BF7052

RGB

rgb(191, 112, 82)

HSL

hsl(17, 46%, 54%)

HSB

hsb(17, 57%, 75%)

CMYK

cmyk(0%, 41%, 57%, 25%)

Oklch

oklch(62.6% 0.109 41.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5803F

3F94D5

Analogous

D53F49

D5803F

D5CB3F

Triadic

D5803F

3FD580

803FD5

Split-Comp.

D5803F

3FD5CB

3F49D5

Tetradic

D5803F

49D53F

3F94D5

CB3FD5

Contrast Matrix WCAG 2.1 Contrast

D5803F	D9D39F	F9F1CA	B2C9BF	BF7052
—	2.0 Fail	2.6 Fail	1.7 Fail	1.2 Fail
2.0 Fail	—	1.3 Fail	1.1 Fail	2.4 Fail
2.6 Fail	1.3 Fail	—	1.5 Fail	3.3 AA Large
1.7 Fail	1.1 Fail	1.5 Fail	—	2.1 Fail
1.2 Fail	2.4 Fail	3.3 AA Large	2.1 Fail	—

White BG

3.0AA Large

1.5Fail

1.1Fail

1.8Fail

3.7AA Large

Black BG

7.0AA

13.8AAA

18.5AAA

12.0AAA

5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0AF4F

D6D6AC

F6F5D3

BCBCC1

9D9C59

Deuteranopia

B5BC53

D7D7AF

F6F7D6

BBB9C2

A1A75B

Tritanopia

D15B5E

D9B6B8

F9DBDD

B3C3C4

BB5F60

Achromatopsia

929292

CFCFCF

EFEFEF

C1C1C1

848484

Shades & Tints Shades & Tints

#D5803F

Dark

Light

#D9D39F

Dark

Light

#F9F1CA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5803f;
  --color-2: #d9d39f;
  --color-3: #f9f1ca;
  --color-4: #b2c9bf;
  --color-5: #bf7052;
}

SCSS

$color-1: #d5803f;
$color-2: #d9d39f;
$color-3: #f9f1ca;
$color-4: #b2c9bf;
$color-5: #bf7052;

TAILWIND

colors: {
  'brand-1': '#d5803f',
  'brand-2': '#d9d39f',
  'brand-3': '#f9f1ca',
  'brand-4': '#b2c9bf',
  'brand-5': '#bf7052',
}

RGB Array

[213, 128, 63], [217, 211, 159], [249, 241, 202], [178, 201, 191], [191, 112, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #D5803F, #D9D39F, #F9F1CA, #B2C9BF, #BF7052 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: #d5803f; --color-2: #d9d39f; --color-3: #f9f1ca; --color-4: #b2c9bf; --color-5: #bf7052. 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