#FEFBBA + #EAE6A6 + #D3CB2F + #D8D8AF + #BFBEAC - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FEFBBA

Fresh Green · Bisque · Lemon Cream

HEX

#FEFBBA

RGB

rgb(254, 251, 186)

HSL

hsl(57, 97%, 86%)

HSB

hsb(57, 27%, 100%)

CMYK

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

Oklch

oklch(97.5% 0.083 105.6)

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

#EAE6A6

Fresh Green · Wheat · Lemon Cream

HEX

#EAE6A6

RGB

rgb(234, 230, 166)

HSL

hsl(56, 62%, 78%)

HSB

hsb(56, 29%, 92%)

CMYK

cmyk(0%, 2%, 29%, 8%)

Oklch

oklch(91.3% 0.082 104.9)

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

#D3CB2F

Autumn Sage · GoldenRod · Sunflower

HEX

#D3CB2F

RGB

rgb(211, 203, 47)

HSL

hsl(57, 65%, 51%)

HSB

hsb(57, 78%, 83%)

CMYK

cmyk(0%, 4%, 78%, 17%)

Oklch

oklch(82.3% 0.164 106.4)

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

#D8D8AF

Fresh Green · Wheat · Lemon Cream

HEX

#D8D8AF

RGB

rgb(216, 216, 175)

HSL

hsl(60, 34%, 77%)

HSB

hsb(60, 19%, 85%)

CMYK

cmyk(0%, 0%, 19%, 15%)

Oklch

oklch(87.2% 0.054 107.5)

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

#BFBEAC

Fresh Green · Silver · Sunflower

HEX

#BFBEAC

RGB

rgb(191, 190, 172)

HSL

hsl(57, 13%, 71%)

HSB

hsb(57, 10%, 75%)

CMYK

cmyk(0%, 1%, 10%, 25%)

Oklch

oklch(79.7% 0.025 104.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEFBBA

B9BCFE

Analogous

FED8B9

FEFBBA

DFFEB9

Triadic

FEFBBA

B9FEFA

FAB9FE

Split-Comp.

FEFBBA

B9DFFE

D8B9FE

Tetradic

FEFBBA

B9FED8

B9BCFE

FEB9DF

Contrast Matrix WCAG 2.1 Contrast

FEFBBA	EAE6A6	D3CB2F	D8D8AF	BFBEAC
—	1.2 Fail	1.6 Fail	1.4 Fail	1.8 Fail
1.2 Fail	—	1.3 Fail	1.1 Fail	1.5 Fail
1.6 Fail	1.3 Fail	—	1.2 Fail	1.1 Fail
1.4 Fail	1.1 Fail	1.2 Fail	—	1.3 Fail
1.8 Fail	1.5 Fail	1.1 Fail	1.3 Fail	—

White BG

1.1Fail

1.3Fail

1.7Fail

1.5Fail

1.9Fail

Black BG

19.7AAA

16.4AAA

12.4AAA

14.4AAA

11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FDFDCA

E8E8B5

D0CF55

D8D8B9

BFBFB0

Deuteranopia

FDFDCE

E9E9B9

D0D15E

D8D8BB

BFBFB1

Tritanopia

FED6D9

EAC2C4

D37379

D8C1C2

BFB4B5

Achromatopsia

F4F4F4

E0E0E0

BCBCBC

D3D3D3

BCBCBC

Shades & Tints Shades & Tints

#FEFBBA

Dark

Light

#EAE6A6

Dark

Light

#D3CB2F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fefbba;
  --color-2: #eae6a6;
  --color-3: #d3cb2f;
  --color-4: #d8d8af;
  --color-5: #bfbeac;
}

SCSS

$color-1: #fefbba;
$color-2: #eae6a6;
$color-3: #d3cb2f;
$color-4: #d8d8af;
$color-5: #bfbeac;

TAILWIND

colors: {
  'brand-1': '#fefbba',
  'brand-2': '#eae6a6',
  'brand-3': '#d3cb2f',
  'brand-4': '#d8d8af',
  'brand-5': '#bfbeac',
}

RGB Array

[254, 251, 186], [234, 230, 166], [211, 203, 47], [216, 216, 175], [191, 190, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FEFBBA, #EAE6A6, #D3CB2F, #D8D8AF, #BFBEAC 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: #fefbba; --color-2: #eae6a6; --color-3: #d3cb2f; --color-4: #d8d8af; --color-5: #bfbeac. 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 general-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