#FFE5BB + #F7C9D3 + #E1C8C3 + #CCCABD + #D1B6D5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FFE5BB

Goose Yellow · Bisque · Peach Orange

HEX

#FFE5BB

RGB

rgb(255, 229, 187)

HSL

hsl(37, 100%, 87%)

HSB

hsb(37, 27%, 100%)

CMYK

cmyk(0%, 10%, 27%, 0%)

Oklch

oklch(93.3% 0.062 79.7)

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

#F7C9D3

Peach Pink · Pink · Cherry Blossom

HEX

#F7C9D3

RGB

rgb(247, 201, 211)

HSL

hsl(347, 74%, 88%)

HSB

hsb(347, 19%, 97%)

CMYK

cmyk(0%, 19%, 15%, 3%)

Oklch

oklch(87.9% 0.054 3.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#E1C8C3

Peach Pink · LightGray · Cherry Blossom

HEX

#E1C8C3

RGB

rgb(225, 200, 195)

HSL

hsl(10, 33%, 82%)

HSB

hsb(10, 13%, 88%)

CMYK

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

Oklch

oklch(85.2% 0.029 31.1)

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

#CCCABD

Fresh Green · Silver · Lemon Cream

HEX

#CCCABD

RGB

rgb(204, 202, 189)

HSL

hsl(52, 13%, 77%)

HSB

hsb(52, 7%, 80%)

CMYK

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

Oklch

oklch(83.7% 0.018 99.6)

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

#D1B6D5

Lilac · Silver · Lilac Purple

HEX

#D1B6D5

RGB

rgb(209, 182, 213)

HSL

hsl(292, 27%, 77%)

HSB

hsb(292, 15%, 84%)

CMYK

cmyk(2%, 15%, 0%, 16%)

Oklch

oklch(80.9% 0.052 321.9)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFE5BB

BDD6FF

Analogous

FFC4BD

FFE5BB

F7FFBD

Triadic

FFE5BB

BDFFE6

E6BDFF

Split-Comp.

FFE5BB

BDF7FF

C4BDFF

Tetradic

FFE5BB

BDFFC4

BDD6FF

FFBDF7

Contrast Matrix WCAG 2.1 Contrast

FFE5BB	F7C9D3	E1C8C3	CCCABD	D1B6D5
—	1.2 Fail	1.3 Fail	1.3 Fail	1.5 Fail
1.2 Fail	—	1.1 Fail	1.1 Fail	1.3 Fail
1.3 Fail	1.1 Fail	—	1.0 Fail	1.2 Fail
1.3 Fail	1.1 Fail	1.0 Fail	—	1.1 Fail
1.5 Fail	1.3 Fail	1.2 Fail	1.1 Fail	—

White BG

1.2Fail

1.5Fail

1.6Fail

1.8Fail

Black BG

17.2AAA

14.3AAA

13.3AAA

12.8AAA

11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F4C5

E3E3D1

D6D6C4

CBCBC0

C5C5CD

Deuteranopia

F5F7C8

E6E9D0

D8DAC5

CBCBC1

C7C9CC

Tritanopia

FECDCF

F5CFCE

E0C5C5

CCC3C3

D0C8C6

Achromatopsia

E8E8E8

D8D8D8

CFCFCF

C9C9C9

C2C2C2

Shades & Tints Shades & Tints

#FFE5BB

Dark

Light

#F7C9D3

Dark

Light

#E1C8C3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffe5bb;
  --color-2: #f7c9d3;
  --color-3: #e1c8c3;
  --color-4: #cccabd;
  --color-5: #d1b6d5;
}

SCSS

$color-1: #ffe5bb;
$color-2: #f7c9d3;
$color-3: #e1c8c3;
$color-4: #cccabd;
$color-5: #d1b6d5;

TAILWIND

colors: {
  'brand-1': '#ffe5bb',
  'brand-2': '#f7c9d3',
  'brand-3': '#e1c8c3',
  'brand-4': '#cccabd',
  'brand-5': '#d1b6d5',
}

RGB Array

[255, 229, 187], [247, 201, 211], [225, 200, 195], [204, 202, 189], [209, 182, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFE5BB, #F7C9D3, #E1C8C3, #CCCABD, #D1B6D5 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: #ffe5bb; --color-2: #f7c9d3; --color-3: #e1c8c3; --color-4: #cccabd; --color-5: #d1b6d5. 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