#F7F4E9 + #ACA68A + #DBD1C0 + #FCF6DC + #BAB8B0 · luxury - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F7F4E9

Goose Yellow · Linen · Lemon Cream

HEX

#F7F4E9

RGB

rgb(247, 244, 233)

HSL

hsl(47, 47%, 94%)

HSB

hsb(47, 6%, 97%)

CMYK

cmyk(0%, 1%, 6%, 3%)

Oklch

oklch(96.6% 0.015 94.2)

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

#ACA68A

Ginger · DarkGray · Sunflower

HEX

#ACA68A

RGB

rgb(172, 166, 138)

HSL

hsl(49, 17%, 61%)

HSB

hsb(49, 20%, 67%)

CMYK

cmyk(0%, 3%, 20%, 33%)

Oklch

oklch(72.3% 0.040 97.2)

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

#DBD1C0

Goose Yellow · LightGray · Peach Orange

HEX

#DBD1C0

RGB

rgb(219, 209, 192)

HSL

hsl(38, 27%, 81%)

HSB

hsb(38, 12%, 86%)

CMYK

cmyk(0%, 5%, 12%, 14%)

Oklch

oklch(86.4% 0.026 81.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FCF6DC

Goose Yellow · Beige · Lemon Cream

HEX

#FCF6DC

RGB

rgb(252, 246, 220)

HSL

hsl(49, 84%, 93%)

HSB

hsb(49, 13%, 99%)

CMYK

cmyk(0%, 2%, 13%, 1%)

Oklch

oklch(97.1% 0.035 96.3)

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

#BAB8B0

Silver Gray · Silver · Pearl Gray

HEX

#BAB8B0

RGB

rgb(186, 184, 176)

HSL

hsl(48, 7%, 71%)

HSB

hsb(48, 5%, 73%)

CMYK

cmyk(0%, 1%, 5%, 27%)

Oklch

oklch(78.2% 0.011 95.2)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7F4E9

E9ECF7

Analogous

F7EDE9

F7F4E9

F3F7E9

Triadic

F7F4E9

E9F7F4

F4E9F7

Split-Comp.

F7F4E9

E9F3F7

EDE9F7

Tetradic

F7F4E9

E9F7ED

E9ECF7

F7E9F3

Contrast Matrix WCAG 2.1 Contrast

F7F4E9	ACA68A	DBD1C0	FCF6DC	BAB8B0
—	2.2 Fail	1.4 Fail	1.0 Fail	1.8 Fail
2.2 Fail	—	1.6 Fail	2.3 Fail	1.2 Fail
1.4 Fail	1.6 Fail	—	1.4 Fail	1.3 Fail
1.0 Fail	2.3 Fail	1.4 Fail	—	1.8 Fail
1.8 Fail	1.2 Fail	1.3 Fail	1.8 Fail	—

White BG

1.1Fail

2.4Fail

1.5Fail

1.1Fail

2.0Fail

Black BG

19.1AAA

8.6AAA

13.9AAA

19.4AAA

10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F6EC

A9A991

D7D7C4

F9F9E2

B9B9B2

Deuteranopia

F6F6EC

AAAA92

D7D8C5

FAFAE4

B9B9B2

Tritanopia

F7EEEE

AC9697

DAC7C8

FCE7E8

BAB3B4

Achromatopsia

F4F4F4

A5A5A5

D2D2D2

F5F5F5

B8B8B8

Shades & Tints Shades & Tints

#F7F4E9

Dark

Light

#ACA68A

Dark

Light

#DBD1C0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7f4e9;
  --color-2: #aca68a;
  --color-3: #dbd1c0;
  --color-4: #fcf6dc;
  --color-5: #bab8b0;
}

SCSS

$color-1: #f7f4e9;
$color-2: #aca68a;
$color-3: #dbd1c0;
$color-4: #fcf6dc;
$color-5: #bab8b0;

TAILWIND

colors: {
  'brand-1': '#f7f4e9',
  'brand-2': '#aca68a',
  'brand-3': '#dbd1c0',
  'brand-4': '#fcf6dc',
  'brand-5': '#bab8b0',
}

RGB Array

[247, 244, 233], [172, 166, 138], [219, 209, 192], [252, 246, 220], [186, 184, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #F7F4E9, #ACA68A, #DBD1C0, #FCF6DC, #BAB8B0 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: #f7f4e9; --color-2: #aca68a; --color-3: #dbd1c0; --color-4: #fcf6dc; --color-5: #bab8b0. 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