#FEE7E0 + #F7DFC3 + #C4DBCE + #B7CCB8 + #B9C0AC - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FEE7E0

Peach Pink · Linen · Cherry Blossom

HEX

#FEE7E0

RGB

rgb(254, 231, 224)

HSL

hsl(14, 94%, 94%)

HSB

hsb(14, 12%, 100%)

CMYK

cmyk(0%, 9%, 12%, 0%)

Oklch

oklch(94.5% 0.027 37.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F7DFC3

Goose Yellow · Bisque · Peach Orange

HEX

#F7DFC3

RGB

rgb(247, 223, 195)

HSL

hsl(32, 76%, 87%)

HSB

hsb(32, 21%, 97%)

CMYK

cmyk(0%, 10%, 21%, 3%)

Oklch

oklch(91.6% 0.046 71.5)

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

#C4DBCE

Celadon · LightGray · Mint Green

HEX

#C4DBCE

RGB

rgb(196, 219, 206)

HSL

hsl(146, 24%, 81%)

HSB

hsb(146, 11%, 86%)

CMYK

cmyk(11%, 0%, 6%, 14%)

Oklch

oklch(87.1% 0.030 161.0)

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

#B7CCB8

Celadon · Silver · Apple Green

HEX

#B7CCB8

RGB

rgb(183, 204, 184)

HSL

hsl(123, 17%, 76%)

HSB

hsb(123, 10%, 80%)

CMYK

cmyk(10%, 0%, 10%, 20%)

Oklch

oklch(82.4% 0.036 146.6)

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

#B9C0AC

Willow Green · Silver · Apple Green

HEX

#B9C0AC

RGB

rgb(185, 192, 172)

HSL

hsl(81, 14%, 71%)

HSB

hsb(81, 10%, 75%)

CMYK

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

Oklch

oklch(79.7% 0.029 122.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEE7E0

E1F7FE

Analogous

FEE1E9

FEE7E0

FEF6E1

Triadic

FEE7E0

E1FEE8

E8E1FE

Split-Comp.

FEE7E0

E1FEF6

E1E9FE

Tetradic

FEE7E0

E9FEE1

E1F7FE

F6E1FE

Contrast Matrix WCAG 2.1 Contrast

FEE7E0	F7DFC3	C4DBCE	B7CCB8	B9C0AC
—	1.1 Fail	1.2 Fail	1.4 Fail	1.6 Fail
1.1 Fail	—	1.1 Fail	1.3 Fail	1.5 Fail
1.2 Fail	1.1 Fail	—	1.2 Fail	1.3 Fail
1.4 Fail	1.3 Fail	1.2 Fail	—	1.1 Fail
1.6 Fail	1.5 Fail	1.3 Fail	1.1 Fail	—

White BG

1.2Fail

1.3Fail

1.5Fail

1.7Fail

1.9Fail

Black BG

17.7AAA

16.3AAA

14.4AAA

12.3AAA

11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F4E2

EDECCA

CECED1

C0C0BD

BCBCB1

Deuteranopia

F5F7E2

EEF0CB

CDCBD2

BFBDBE

BCBBB2

Tritanopia

FDE3E3

F6CFD0

C5D4D4

B8C1C2

B9B5B6

Achromatopsia

EDEDED

E3E3E3

D3D3D3

C3C3C3

BCBCBC

Shades & Tints Shades & Tints

#FEE7E0

Dark

Light

#F7DFC3

Dark

Light

#C4DBCE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fee7e0;
  --color-2: #f7dfc3;
  --color-3: #c4dbce;
  --color-4: #b7ccb8;
  --color-5: #b9c0ac;
}

SCSS

$color-1: #fee7e0;
$color-2: #f7dfc3;
$color-3: #c4dbce;
$color-4: #b7ccb8;
$color-5: #b9c0ac;

TAILWIND

colors: {
  'brand-1': '#fee7e0',
  'brand-2': '#f7dfc3',
  'brand-3': '#c4dbce',
  'brand-4': '#b7ccb8',
  'brand-5': '#b9c0ac',
}

RGB Array

[254, 231, 224], [247, 223, 195], [196, 219, 206], [183, 204, 184], [185, 192, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FEE7E0, #F7DFC3, #C4DBCE, #B7CCB8, #B9C0AC 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: #fee7e0; --color-2: #f7dfc3; --color-3: #c4dbce; --color-4: #b7ccb8; --color-5: #b9c0ac. 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