#FEEEC1 + #DDE6BD + #B8DFC7 + #BABFC3 + #B99898 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FEEEC1

Goose Yellow · Bisque · Lemon Cream

HEX

#FEEEC1

RGB

rgb(254, 238, 193)

HSL

hsl(44, 97%, 88%)

HSB

hsb(44, 24%, 100%)

CMYK

cmyk(0%, 6%, 24%, 0%)

Oklch

oklch(95.1% 0.061 90.8)

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

#DDE6BD

Willow Green · Wheat · Mint Green

HEX

#DDE6BD

RGB

rgb(221, 230, 189)

HSL

hsl(73, 45%, 82%)

HSB

hsb(73, 18%, 90%)

CMYK

cmyk(4%, 0%, 18%, 10%)

Oklch

oklch(90.8% 0.055 117.6)

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

#B8DFC7

Celadon · LightGray · Apple Green

HEX

#B8DFC7

RGB

rgb(184, 223, 199)

HSL

hsl(143, 38%, 80%)

HSB

hsb(143, 17%, 87%)

CMYK

cmyk(17%, 0%, 11%, 13%)

Oklch

oklch(86.9% 0.053 158.1)

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

#BABFC3

Silver Gray · Silver · Pearl Gray

HEX

#BABFC3

RGB

rgb(186, 191, 195)

HSL

hsl(207, 7%, 75%)

HSB

hsb(207, 5%, 76%)

CMYK

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

Oklch

oklch(80.2% 0.008 241.7)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#B99898

Peach Pink · DarkGray · Coral Red

HEX

#B99898

RGB

rgb(185, 152, 152)

HSL

hsl(0, 19%, 66%)

HSB

hsb(0, 18%, 73%)

CMYK

cmyk(0%, 18%, 18%, 27%)

Oklch

oklch(71.0% 0.040 18.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEEEC1

C3D3FE

Analogous

FED1C3

FEEEC1

F0FEC3

Triadic

FEEEC1

C3FEEE

EEC3FE

Split-Comp.

FEEEC1

C3F0FE

D1C3FE

Tetradic

FEEEC1

C3FED1

C3D3FE

FEC3F0

Contrast Matrix WCAG 2.1 Contrast

FEEEC1	DDE6BD	B8DFC7	BABFC3	B99898
—	1.1 Fail	1.3 Fail	1.6 Fail	2.3 Fail
1.1 Fail	—	1.1 Fail	1.4 Fail	2.0 Fail
1.3 Fail	1.1 Fail	—	1.3 Fail	1.8 Fail
1.6 Fail	1.4 Fail	1.3 Fail	—	1.4 Fail
2.3 Fail	2.0 Fail	1.8 Fail	1.4 Fail	—

White BG

1.2Fail

1.3Fail

1.5Fail

1.9Fail

2.6Fail

Black BG

18.2AAA

16.1AAA

14.4AAA

11.3AAA

8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F7F7CC

E1E1C7

C9C9CD

BCBCC2

ABAA98

Deuteranopia

F8F9CF

E0E0C9

C7C4CE

BCBCC2

ADAF98

Tritanopia

FDD4D6

DDCFD0

BAD1D2

BAC1C1

B79898

Achromatopsia

EEEEEE

DFDFDF

D1D1D1

BEBEBE

A2A2A2

Shades & Tints Shades & Tints

#FEEEC1

Dark

Light

#DDE6BD

Dark

Light

#B8DFC7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #feeec1;
  --color-2: #dde6bd;
  --color-3: #b8dfc7;
  --color-4: #babfc3;
  --color-5: #b99898;
}

SCSS

$color-1: #feeec1;
$color-2: #dde6bd;
$color-3: #b8dfc7;
$color-4: #babfc3;
$color-5: #b99898;

TAILWIND

colors: {
  'brand-1': '#feeec1',
  'brand-2': '#dde6bd',
  'brand-3': '#b8dfc7',
  'brand-4': '#babfc3',
  'brand-5': '#b99898',
}

RGB Array

[254, 238, 193], [221, 230, 189], [184, 223, 199], [186, 191, 195], [185, 152, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FEEEC1, #DDE6BD, #B8DFC7, #BABFC3, #B99898 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: #feeec1; --color-2: #dde6bd; --color-3: #b8dfc7; --color-4: #babfc3; --color-5: #b99898. 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