#F3E5BE + #FFEDBB + #DED384 + #A59179 + #A0C1B8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F3E5BE

Goose Yellow · Wheat · Lemon Cream

HEX

#F3E5BE

RGB

rgb(243, 229, 190)

HSL

hsl(44, 69%, 85%)

HSB

hsb(44, 22%, 95%)

CMYK

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

Oklch

oklch(92.3% 0.053 90.6)

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

#FFEDBB

Goose Yellow · Bisque · Lemon Cream

HEX

#FFEDBB

RGB

rgb(255, 237, 187)

HSL

hsl(44, 100%, 87%)

HSB

hsb(44, 27%, 100%)

CMYK

cmyk(0%, 7%, 27%, 0%)

Oklch

oklch(94.8% 0.067 90.6)

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

#DED384

Fresh Green · BurlyWood · Sunflower

HEX

#DED384

RGB

rgb(222, 211, 132)

HSL

hsl(53, 58%, 69%)

HSB

hsb(53, 41%, 87%)

CMYK

cmyk(0%, 5%, 41%, 13%)

Oklch

oklch(85.8% 0.101 101.4)

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

#A59179

Ginger · Gray · Warm Sun

HEX

#A59179

RGB

rgb(165, 145, 121)

HSL

hsl(33, 20%, 56%)

HSB

hsb(33, 27%, 65%)

CMYK

cmyk(0%, 12%, 27%, 35%)

Oklch

oklch(66.8% 0.042 72.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#A0C1B8

Jade · DarkGray · Lake Green

HEX

#A0C1B8

RGB

rgb(160, 193, 184)

HSL

hsl(164, 21%, 69%)

HSB

hsb(164, 17%, 76%)

CMYK

cmyk(17%, 0%, 5%, 24%)

Oklch

oklch(78.4% 0.038 176.9)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F3E5BE

BECCF3

Analogous

F3CBBE

F3E5BE

E7F3BE

Triadic

F3E5BE

BEF3E5

E5BEF3

Split-Comp.

F3E5BE

BEE7F3

CBBEF3

Tetradic

F3E5BE

BEF3CB

BECCF3

F3BEE7

Contrast Matrix WCAG 2.1 Contrast

F3E5BE	FFEDBB	DED384	A59179	A0C1B8
—	1.1 Fail	1.2 Fail	2.4 Fail	1.5 Fail
1.1 Fail	—	1.3 Fail	2.6 Fail	1.7 Fail
1.2 Fail	1.3 Fail	—	2.0 Fail	1.3 Fail
2.4 Fail	2.6 Fail	2.0 Fail	—	1.6 Fail
1.5 Fail	1.7 Fail	1.3 Fail	1.6 Fail	—

White BG

1.3Fail

1.2Fail

1.5Fail

3.0AA Large

1.9Fail

Black BG

16.8AAA

18.1AAA

13.8AAA

6.9AA

10.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDC7

F7F7C7

D9D997

9C9C7F

AEAFBA

Deuteranopia

EEEFCA

F8FACA

DADB9C

9E9F80

ACAABB

Tritanopia

F2CFD1

FED1D3

DDA6AA

A48384

A2BCBC

Achromatopsia

E5E5E5

EDEDED

CDCDCD

949494

B6B6B6

Shades & Tints Shades & Tints

#F3E5BE

Dark

Light

#FFEDBB

Dark

Light

#DED384

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f3e5be;
  --color-2: #ffedbb;
  --color-3: #ded384;
  --color-4: #a59179;
  --color-5: #a0c1b8;
}

SCSS

$color-1: #f3e5be;
$color-2: #ffedbb;
$color-3: #ded384;
$color-4: #a59179;
$color-5: #a0c1b8;

TAILWIND

colors: {
  'brand-1': '#f3e5be',
  'brand-2': '#ffedbb',
  'brand-3': '#ded384',
  'brand-4': '#a59179',
  'brand-5': '#a0c1b8',
}

RGB Array

[243, 229, 190], [255, 237, 187], [222, 211, 132], [165, 145, 121], [160, 193, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F3E5BE, #FFEDBB, #DED384, #A59179, #A0C1B8 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: #f3e5be; --color-2: #ffedbb; --color-3: #ded384; --color-4: #a59179; --color-5: #a0c1b8. 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