#F8F7E5 + #ADAA89 + #D3D4B5 + #EBE8C9 + #D9D7B2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F8F7E5

Fresh Green · Linen · Lemon Cream

HEX

#F8F7E5

RGB

rgb(248, 247, 229)

HSL

hsl(57, 58%, 94%)

HSB

hsb(57, 8%, 97%)

CMYK

cmyk(0%, 0%, 8%, 3%)

Oklch

oklch(97.2% 0.024 104.2)

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

#ADAA89

Fresh Green · DarkGray · Sunflower

HEX

#ADAA89

RGB

rgb(173, 170, 137)

HSL

hsl(55, 18%, 61%)

HSB

hsb(55, 21%, 68%)

CMYK

cmyk(0%, 2%, 21%, 32%)

Oklch

oklch(73.2% 0.046 103.2)

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

#D3D4B5

Fresh Green · Silver · Lemon Cream

HEX

#D3D4B5

RGB

rgb(211, 212, 181)

HSL

hsl(62, 26%, 77%)

HSB

hsb(62, 15%, 83%)

CMYK

cmyk(0%, 0%, 15%, 17%)

Oklch

oklch(86.1% 0.042 108.8)

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

#EBE8C9

Fresh Green · Bisque · Lemon Cream

HEX

#EBE8C9

RGB

rgb(235, 232, 201)

HSL

hsl(55, 46%, 85%)

HSB

hsb(55, 14%, 92%)

CMYK

cmyk(0%, 1%, 14%, 8%)

Oklch

oklch(92.5% 0.041 102.6)

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

#D9D7B2

Fresh Green · Wheat · Lemon Cream

HEX

#D9D7B2

RGB

rgb(217, 215, 178)

HSL

hsl(57, 34%, 77%)

HSB

hsb(57, 18%, 85%)

CMYK

cmyk(0%, 1%, 18%, 15%)

Oklch

oklch(87.1% 0.049 104.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F8F7E5

E7E8F9

Analogous

F9EFE7

F8F7E5

F1F9E7

Triadic

F8F7E5

E7F9F8

F8E7F9

Split-Comp.

F8F7E5

E7F1F9

EFE7F9

Tetradic

F8F7E5

E7F9EF

E7E8F9

F9E7F1

Contrast Matrix WCAG 2.1 Contrast

F8F7E5	ADAA89	D3D4B5	EBE8C9	D9D7B2
—	2.2 Fail	1.4 Fail	1.1 Fail	1.4 Fail
2.2 Fail	—	1.6 Fail	1.9 Fail	1.6 Fail
1.4 Fail	1.6 Fail	—	1.2 Fail	1.0 Fail
1.1 Fail	1.9 Fail	1.2 Fail	—	1.2 Fail
1.4 Fail	1.6 Fail	1.0 Fail	1.2 Fail	—

White BG

1.1Fail

2.4Fail

1.5Fail

1.2Fail

1.5Fail

Black BG

19.4AAA

8.9AAA

13.9AAA

16.9AAA

14.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F8F8E9

ACAC91

D3D3BD

EAEAD1

D8D8BB

Deuteranopia

F8F8EA

ACAC93

D3D3BE

EAEAD2

D8D8BD

Tritanopia

F8EDEE

AD9799

D3C2C4

EBD6D8

D9C2C4

Achromatopsia

F5F5F5

A7A7A7

D0D0D0

E5E5E5

D3D3D3

Shades & Tints Shades & Tints

#F8F7E5

Dark

Light

#ADAA89

Dark

Light

#D3D4B5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f8f7e5;
  --color-2: #adaa89;
  --color-3: #d3d4b5;
  --color-4: #ebe8c9;
  --color-5: #d9d7b2;
}

SCSS

$color-1: #f8f7e5;
$color-2: #adaa89;
$color-3: #d3d4b5;
$color-4: #ebe8c9;
$color-5: #d9d7b2;

TAILWIND

colors: {
  'brand-1': '#f8f7e5',
  'brand-2': '#adaa89',
  'brand-3': '#d3d4b5',
  'brand-4': '#ebe8c9',
  'brand-5': '#d9d7b2',
}

RGB Array

[248, 247, 229], [173, 170, 137], [211, 212, 181], [235, 232, 201], [217, 215, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F8F7E5, #ADAA89, #D3D4B5, #EBE8C9, #D9D7B2 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: #f8f7e5; --color-2: #adaa89; --color-3: #d3d4b5; --color-4: #ebe8c9; --color-5: #d9d7b2. 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