#FAF9BF + #E6E5A5 + #D6D58A + #C9C87B + #BAB96A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FAF9BF

Fresh Green · Bisque · Lemon Cream

HEX

#FAF9BF

RGB

rgb(250, 249, 191)

HSL

hsl(59, 86%, 86%)

HSB

hsb(59, 24%, 98%)

CMYK

cmyk(0%, 0%, 24%, 2%)

Oklch

oklch(96.9% 0.074 106.9)

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

#E6E5A5

Fresh Green · Wheat · Lemon Cream

HEX

#E6E5A5

RGB

rgb(230, 229, 165)

HSL

hsl(59, 57%, 77%)

HSB

hsb(59, 28%, 90%)

CMYK

cmyk(0%, 0%, 28%, 10%)

Oklch

oklch(90.8% 0.082 107.2)

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

#D6D58A

Fresh Green · BurlyWood · Sunflower

HEX

#D6D58A

RGB

rgb(214, 213, 138)

HSL

hsl(59, 48%, 69%)

HSB

hsb(59, 36%, 84%)

CMYK

cmyk(0%, 0%, 36%, 16%)

Oklch

oklch(85.7% 0.096 107.6)

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

#C9C87B

Fresh Green · Tan · Sunflower

HEX

#C9C87B

RGB

rgb(201, 200, 123)

HSL

hsl(59, 42%, 64%)

HSB

hsb(59, 39%, 79%)

CMYK

cmyk(0%, 0%, 39%, 21%)

Oklch

oklch(81.6% 0.099 107.8)

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

#BAB96A

Autumn Sage · Tan · Sunflower

HEX

#BAB96A

RGB

rgb(186, 185, 106)

HSL

hsl(59, 37%, 57%)

HSB

hsb(59, 43%, 73%)

CMYK

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

Oklch

oklch(76.9% 0.102 107.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAF9BF

BDBEFA

Analogous

FADABD

FAF9BF

DCFABD

Triadic

FAF9BF

BDFAF9

F9BDFA

Split-Comp.

FAF9BF

BDDCFA

DABDFA

Tetradic

FAF9BF

BDFADA

BDBEFA

FABDDC

Contrast Matrix WCAG 2.1 Contrast

FAF9BF	E6E5A5	D6D58A	C9C87B	BAB96A
—	1.2 Fail	1.4 Fail	1.6 Fail	1.9 Fail
1.2 Fail	—	1.2 Fail	1.3 Fail	1.6 Fail
1.4 Fail	1.2 Fail	—	1.1 Fail	1.3 Fail
1.6 Fail	1.3 Fail	1.1 Fail	—	1.2 Fail
1.9 Fail	1.6 Fail	1.3 Fail	1.2 Fail	—

White BG

1.1Fail

1.3Fail

1.5Fail

1.7Fail

2.1Fail

Black BG

19.4AAA

16.1AAA

13.7AAA

12.0AAA

10.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FAFACD

E6E6B4

D6D69C

C9C98E

BABA7D

Deuteranopia

FAFAD0

E6E6B8

D6D6A1

C9C992

BABA82

Tritanopia

FAD8DB

E6C1C3

D6AAAE

C99CA0

BA8C90

Achromatopsia

F3F3F3

DEDEDE

CDCDCD

C0C0C0

B0B0B0

Shades & Tints Shades & Tints

#FAF9BF

Dark

Light

#E6E5A5

Dark

Light

#D6D58A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #faf9bf;
  --color-2: #e6e5a5;
  --color-3: #d6d58a;
  --color-4: #c9c87b;
  --color-5: #bab96a;
}

SCSS

$color-1: #faf9bf;
$color-2: #e6e5a5;
$color-3: #d6d58a;
$color-4: #c9c87b;
$color-5: #bab96a;

TAILWIND

colors: {
  'brand-1': '#faf9bf',
  'brand-2': '#e6e5a5',
  'brand-3': '#d6d58a',
  'brand-4': '#c9c87b',
  'brand-5': '#bab96a',
}

RGB Array

[250, 249, 191], [230, 229, 165], [214, 213, 138], [201, 200, 123], [186, 185, 106]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAF9BF, #E6E5A5, #D6D58A, #C9C87B, #BAB96A 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: #faf9bf; --color-2: #e6e5a5; --color-3: #d6d58a; --color-4: #c9c87b; --color-5: #bab96a. 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