#F9EFBE + #EED5A7 + #EFBA9D + #E9A198 + #AEB2A2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F9EFBE

Fresh Green · Bisque · Lemon Cream

HEX

#F9EFBE

RGB

rgb(249, 239, 190)

HSL

hsl(50, 83%, 86%)

HSB

hsb(50, 24%, 98%)

CMYK

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

Oklch

oklch(94.8% 0.064 97.8)

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

#EED5A7

Goose Yellow · Wheat · Peach Orange

HEX

#EED5A7

RGB

rgb(238, 213, 167)

HSL

hsl(39, 68%, 79%)

HSB

hsb(39, 30%, 93%)

CMYK

cmyk(0%, 11%, 30%, 7%)

Oklch

oklch(88.3% 0.066 82.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#EFBA9D

Apricot · BurlyWood · Peach Orange

HEX

#EFBA9D

RGB

rgb(239, 186, 157)

HSL

hsl(21, 72%, 78%)

HSB

hsb(21, 34%, 94%)

CMYK

cmyk(0%, 22%, 34%, 6%)

Oklch

oklch(83.0% 0.073 50.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#E9A198

Peach Pink · BurlyWood · Coral Red

HEX

#E9A198

RGB

rgb(233, 161, 152)

HSL

hsl(7, 65%, 75%)

HSB

hsb(7, 35%, 91%)

CMYK

cmyk(0%, 31%, 35%, 9%)

Oklch

oklch(77.6% 0.087 27.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#AEB2A2

Willow Green · DarkGray · Silver Sand

HEX

#AEB2A2

RGB

rgb(174, 178, 162)

HSL

hsl(75, 9%, 67%)

HSB

hsb(75, 9%, 70%)

CMYK

cmyk(2%, 0%, 9%, 30%)

Oklch

oklch(75.6% 0.023 118.4)

Traditional「Willow Green」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9EFBE

BEC8F9

Analogous

F9D1BE

F9EFBE

E5F9BE

Triadic

F9EFBE

BEF9EF

EFBEF9

Split-Comp.

F9EFBE

BEE5F9

D1BEF9

Tetradic

F9EFBE

BEF9D1

BEC8F9

F9BEE5

Contrast Matrix WCAG 2.1 Contrast

F9EFBE	EED5A7	EFBA9D	E9A198	AEB2A2
—	1.2 Fail	1.5 Fail	1.8 Fail	1.9 Fail
1.2 Fail	—	1.2 Fail	1.5 Fail	1.5 Fail
1.5 Fail	1.2 Fail	—	1.2 Fail	1.3 Fail
1.8 Fail	1.5 Fail	1.2 Fail	—	1.0 Fail
1.9 Fail	1.5 Fail	1.3 Fail	1.0 Fail	—

White BG

1.2Fail

1.4Fail

1.7Fail

2.1Fail

2.2Fail

Black BG

18.1AAA

14.7AAA

12.2AAA

10.0AAA

9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F5CA

E3E3B2

D8D8A4

CAC99A

B0B0A6

Deuteranopia

F5F6CD

E5E7B5

DBDFA6

CED39B

B0AFA7

Tritanopia

F8D3D5

EDBBBD

ECAAAB

E59C9C

AEA9AA

Achromatopsia

ECECEC

D7D7D7

C7C7C7

B6B6B6

AFAFAF

Shades & Tints Shades & Tints

#F9EFBE

Dark

Light

#EED5A7

Dark

Light

#EFBA9D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9efbe;
  --color-2: #eed5a7;
  --color-3: #efba9d;
  --color-4: #e9a198;
  --color-5: #aeb2a2;
}

SCSS

$color-1: #f9efbe;
$color-2: #eed5a7;
$color-3: #efba9d;
$color-4: #e9a198;
$color-5: #aeb2a2;

TAILWIND

colors: {
  'brand-1': '#f9efbe',
  'brand-2': '#eed5a7',
  'brand-3': '#efba9d',
  'brand-4': '#e9a198',
  'brand-5': '#aeb2a2',
}

RGB Array

[249, 239, 190], [238, 213, 167], [239, 186, 157], [233, 161, 152], [174, 178, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9EFBE, #EED5A7, #EFBA9D, #E9A198, #AEB2A2 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: #f9efbe; --color-2: #eed5a7; --color-3: #efba9d; --color-4: #e9a198; --color-5: #aeb2a2. 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