← Back to Editor

#F0EDDC · #DFDEC9 · #C3C5AF · #8C8B76 · #B9C19A

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F0EDDC

Fresh Green · Beige · Lemon Cream

HEX
#F0EDDC
RGB
rgb(240, 237, 220)
HSL
hsl(51, 40%, 90%)
HSB
hsb(51, 8%, 94%)
CMYK
cmyk(0%, 1%, 8%, 6%)
Oklch
oklch(94.4% 0.023 98.6)

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

#DFDEC9

Fresh Green · LightGray · Lemon Cream

HEX
#DFDEC9
RGB
rgb(223, 222, 201)
HSL
hsl(57, 26%, 83%)
HSB
hsb(57, 10%, 87%)
CMYK
cmyk(0%, 0%, 10%, 13%)
Oklch
oklch(89.6% 0.028 104.7)

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

#C3C5AF

Fresh Green · Silver · Sunflower

HEX
#C3C5AF
RGB
rgb(195, 197, 175)
HSL
hsl(65, 16%, 73%)
HSB
hsb(65, 11%, 77%)
CMYK
cmyk(1%, 0%, 11%, 23%)
Oklch
oklch(81.6% 0.030 111.3)

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

#8C8B76

Autumn Sage · Gray · Warm Gray

HEX
#8C8B76
RGB
rgb(140, 139, 118)
HSL
hsl(57, 9%, 51%)
HSB
hsb(57, 16%, 55%)
CMYK
cmyk(0%, 1%, 16%, 45%)
Oklch
oklch(63.2% 0.030 105.0)

Traditional「Autumn Sage」· Paint「Warm Gray」· Creative Urban Concrete

#B9C19A

Willow Green · Tan · Apple Green

HEX
#B9C19A
RGB
rgb(185, 193, 154)
HSL
hsl(72, 24%, 68%)
HSB
hsb(72, 20%, 76%)
CMYK
cmyk(4%, 0%, 20%, 24%)
Oklch
oklch(79.4% 0.054 117.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0EDDC
DBDEF0

Analogous

F0E2DB
F0EDDC
E9F0DB

Triadic

F0EDDC
DBF0ED
EDDBF0

Split-Comp.

F0EDDC
DBE9F0
E2DBF0

Tetradic

F0EDDC
DBF0E2
DBDEF0
F0DBE9

Contrast Matrix WCAG 2.1 Contrast

F0EDDC
DFDEC9
C3C5AF
8C8B76
B9C19A
—
1.2
Fail
1.5
Fail
2.9
Fail
1.6
Fail
1.2
Fail
—
1.3
Fail
2.5
Fail
1.4
Fail
1.5
Fail
1.3
Fail
—
2.0
Fail
1.1
Fail
2.9
Fail
2.5
Fail
2.0
Fail
—
1.8
Fail
1.6
Fail
1.4
Fail
1.1
Fail
1.8
Fail
—
White BG
1.2Fail
1.4Fail
1.8Fail
3.5AA Large
1.9Fail
Black BG
17.9AAA
15.4AAA
11.9AAA
6.1AA
11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFE0
DFDFCE
C4C4B4
8C8C7B
BCBDA3

Deuteranopia

EFEFE1
DFDFCF
C4C4B6
8C8C7C
BCBBA6

Tritanopia

F0E3E4
DFD2D3
C3B9B9
8C7F80
B9ABAD

Achromatopsia

ECECEC
DCDCDC
C2C2C2
898989
BABABA

Shades & Tints Shades & Tints

#F0EDDC

Dark
Light

#DFDEC9

Dark
Light

#C3C5AF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0eddc;
  --color-2: #dfdec9;
  --color-3: #c3c5af;
  --color-4: #8c8b76;
  --color-5: #b9c19a;
}

SCSS

$color-1: #f0eddc;
$color-2: #dfdec9;
$color-3: #c3c5af;
$color-4: #8c8b76;
$color-5: #b9c19a;

TAILWIND

colors: {
  'brand-1': '#f0eddc',
  'brand-2': '#dfdec9',
  'brand-3': '#c3c5af',
  'brand-4': '#8c8b76',
  'brand-5': '#b9c19a',
}

RGB Array

[240, 237, 220], [223, 222, 201], [195, 197, 175], [140, 139, 118], [185, 193, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F0EDDC, #DFDEC9, #C3C5AF, #8C8B76, #B9C19A is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f0eddc; --color-2: #dfdec9; --color-3: #c3c5af; --color-4: #8c8b76; --color-5: #b9c19a. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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