#FBE09F + #EED7A9 + #D2C19E + #A6AA93 + #757F78 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FBE09F

Goose Yellow · Wheat · Lemon Cream

HEX

#FBE09F

RGB

rgb(251, 224, 159)

HSL

hsl(42, 92%, 80%)

HSB

hsb(42, 37%, 98%)

CMYK

cmyk(0%, 11%, 37%, 2%)

Oklch

oklch(91.4% 0.088 88.0)

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

#EED7A9

Goose Yellow · Wheat · Lemon Cream

HEX

#EED7A9

RGB

rgb(238, 215, 169)

HSL

hsl(40, 67%, 80%)

HSB

hsb(40, 29%, 93%)

CMYK

cmyk(0%, 10%, 29%, 7%)

Oklch

oklch(88.7% 0.065 84.4)

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

#D2C19E

Goose Yellow · Tan · Sunflower

HEX

#D2C19E

RGB

rgb(210, 193, 158)

HSL

hsl(40, 37%, 72%)

HSB

hsb(40, 25%, 82%)

CMYK

cmyk(0%, 8%, 25%, 18%)

Oklch

oklch(81.6% 0.051 85.1)

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

#A6AA93

Willow Green · DarkGray · Apple Green

HEX

#A6AA93

RGB

rgb(166, 170, 147)

HSL

hsl(70, 12%, 62%)

HSB

hsb(70, 14%, 67%)

CMYK

cmyk(2%, 0%, 14%, 33%)

Oklch

oklch(72.8% 0.033 115.2)

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

#757F78

Ink Gray · Gray · Warm Gray

HEX

#757F78

RGB

rgb(117, 127, 120)

HSL

hsl(138, 4%, 48%)

HSB

hsb(138, 8%, 50%)

CMYK

cmyk(8%, 0%, 6%, 50%)

Oklch

oklch(58.6% 0.016 155.3)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBE09F

9DB9FB

Analogous

FBB09D

FBE09F

E8FB9D

Triadic

FBE09F

9DFBDF

DF9DFB

Split-Comp.

FBE09F

9DE8FB

B09DFB

Tetradic

FBE09F

9DFBB0

9DB9FB

FB9DE8

Contrast Matrix WCAG 2.1 Contrast

FBE09F	EED7A9	D2C19E	A6AA93	757F78
—	1.1 Fail	1.4 Fail	1.8 Fail	3.2 AA Large
1.1 Fail	—	1.3 Fail	1.7 Fail	2.9 Fail
1.4 Fail	1.3 Fail	—	1.3 Fail	2.3 Fail
1.8 Fail	1.7 Fail	1.3 Fail	—	1.7 Fail
3.2 AA Large	2.9 Fail	2.3 Fail	1.7 Fail	—

White BG

1.3Fail

1.4Fail

1.8Fail

2.4Fail

4.1AA Large

Black BG

16.3AAA

14.9AAA

11.9AAA

8.8AAA

5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFAF

E4E4B4

CBCAA6

A8A899

79797A

Deuteranopia

F1F3B3

E5E7B7

CCCDA9

A8A79A

79787A

Tritanopia

FABBBE

EDBDBF

D1ADAF

A69D9E

757B7B

Achromatopsia

E1E1E1

D9D9D9

C2C2C2

A6A6A6

7B7B7B

Shades & Tints Shades & Tints

#FBE09F

Dark

Light

#EED7A9

Dark

Light

#D2C19E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbe09f;
  --color-2: #eed7a9;
  --color-3: #d2c19e;
  --color-4: #a6aa93;
  --color-5: #757f78;
}

SCSS

$color-1: #fbe09f;
$color-2: #eed7a9;
$color-3: #d2c19e;
$color-4: #a6aa93;
$color-5: #757f78;

TAILWIND

colors: {
  'brand-1': '#fbe09f',
  'brand-2': '#eed7a9',
  'brand-3': '#d2c19e',
  'brand-4': '#a6aa93',
  'brand-5': '#757f78',
}

RGB Array

[251, 224, 159], [238, 215, 169], [210, 193, 158], [166, 170, 147], [117, 127, 120]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBE09F, #EED7A9, #D2C19E, #A6AA93, #757F78 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: #fbe09f; --color-2: #eed7a9; --color-3: #d2c19e; --color-4: #a6aa93; --color-5: #757f78. 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