#FBFCF5 + #E3E6D5 + #C9D6BA + #E6BE7E + #D6988B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FBFCF5

Fresh Green · Snow · Lemon Cream

HEX

#FBFCF5

RGB

rgb(251, 252, 245)

HSL

hsl(69, 54%, 97%)

HSB

hsb(69, 3%, 99%)

CMYK

cmyk(0%, 0%, 3%, 1%)

Oklch

oklch(98.8% 0.009 113.2)

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

#E3E6D5

Willow Green · Beige · Mint Green

HEX

#E3E6D5

RGB

rgb(227, 230, 213)

HSL

hsl(71, 25%, 87%)

HSB

hsb(71, 7%, 90%)

CMYK

cmyk(1%, 0%, 7%, 10%)

Oklch

oklch(91.8% 0.023 115.0)

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

#C9D6BA

Willow Green · Silver · Apple Green

HEX

#C9D6BA

RGB

rgb(201, 214, 186)

HSL

hsl(88, 25%, 78%)

HSB

hsb(88, 13%, 84%)

CMYK

cmyk(6%, 0%, 13%, 16%)

Oklch

oklch(85.9% 0.040 127.6)

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

#E6BE7E

Ginger · BurlyWood · Warm Sun

HEX

#E6BE7E

RGB

rgb(230, 190, 126)

HSL

hsl(37, 68%, 70%)

HSB

hsb(37, 45%, 90%)

CMYK

cmyk(0%, 17%, 45%, 10%)

Oklch

oklch(82.2% 0.094 78.6)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#D6988B

Peach Pink · DarkSalmon · Coral Red

HEX

#D6988B

RGB

rgb(214, 152, 139)

HSL

hsl(10, 48%, 69%)

HSB

hsb(10, 35%, 84%)

CMYK

cmyk(0%, 29%, 35%, 16%)

Oklch

oklch(73.6% 0.078 32.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBFCF5

F4F3FB

Analogous

FBF9F3

FBFCF5

F6FBF3

Triadic

FBFCF5

F3FAFB

FBF3FA

Split-Comp.

FBFCF5

F3F6FB

F9F3FB

Tetradic

FBFCF5

F3FBF9

F4F3FB

FBF3F6

Contrast Matrix WCAG 2.1 Contrast

FBFCF5	E3E6D5	C9D6BA	E6BE7E	D6988B
—	1.2 Fail	1.5 Fail	1.7 Fail	2.3 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	1.9 Fail
1.5 Fail	1.2 Fail	—	1.1 Fail	1.6 Fail
1.7 Fail	1.4 Fail	1.1 Fail	—	1.4 Fail
2.3 Fail	1.9 Fail	1.6 Fail	1.4 Fail	—

White BG

1.0Fail

1.3Fail

1.5Fail

1.7Fail

2.4Fail

Black BG

20.3AAA

16.5AAA

13.8AAA

12.0AAA

8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FBFBF7

E4E4D9

CFCFC1

D5D48D

BBBB8E

Deuteranopia

FBFBF7

E4E4DA

CECDC2

D7DA91

BFC38F

Tritanopia

FBF8F8

E3DCDD

CAC6C7

E49A9C

D39191

Achromatopsia

FBFBFB

E3E3E3

CFCFCF

C3C3C3

A9A9A9

Shades & Tints Shades & Tints

#FBFCF5

Dark

Light

#E3E6D5

Dark

Light

#C9D6BA

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbfcf5;
  --color-2: #e3e6d5;
  --color-3: #c9d6ba;
  --color-4: #e6be7e;
  --color-5: #d6988b;
}

SCSS

$color-1: #fbfcf5;
$color-2: #e3e6d5;
$color-3: #c9d6ba;
$color-4: #e6be7e;
$color-5: #d6988b;

TAILWIND

colors: {
  'brand-1': '#fbfcf5',
  'brand-2': '#e3e6d5',
  'brand-3': '#c9d6ba',
  'brand-4': '#e6be7e',
  'brand-5': '#d6988b',
}

RGB Array

[251, 252, 245], [227, 230, 213], [201, 214, 186], [230, 190, 126], [214, 152, 139]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBFCF5, #E3E6D5, #C9D6BA, #E6BE7E, #D6988B 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: #fbfcf5; --color-2: #e3e6d5; --color-3: #c9d6ba; --color-4: #e6be7e; --color-5: #d6988b. 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