#FBE3E1 + #DFCBD0 + #E3B6CB + #B4B281 + #98A2B4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FBE3E1

Peach Pink · Linen · Cherry Blossom

HEX

#FBE3E1

RGB

rgb(251, 227, 225)

HSL

hsl(5, 76%, 93%)

HSB

hsb(5, 10%, 98%)

CMYK

cmyk(0%, 10%, 10%, 2%)

Oklch

oklch(93.5% 0.027 23.4)

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

#DFCBD0

Peach Pink · LightGray · Cherry Blossom

HEX

#DFCBD0

RGB

rgb(223, 203, 208)

HSL

hsl(345, 24%, 84%)

HSB

hsb(345, 9%, 87%)

CMYK

cmyk(0%, 9%, 7%, 13%)

Oklch

oklch(86.0% 0.023 0.6)

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

#E3B6CB

Rouge · Pink · Cherry Blossom

HEX

#E3B6CB

RGB

rgb(227, 182, 203)

HSL

hsl(332, 45%, 80%)

HSB

hsb(332, 20%, 89%)

CMYK

cmyk(0%, 20%, 11%, 11%)

Oklch

oklch(82.2% 0.059 348.7)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#B4B281

Fresh Green · Tan · Sunflower

HEX

#B4B281

RGB

rgb(180, 178, 129)

HSL

hsl(58, 25%, 61%)

HSB

hsb(58, 28%, 71%)

CMYK

cmyk(0%, 1%, 28%, 29%)

Oklch

oklch(75.3% 0.066 105.9)

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

#98A2B4

Azure · DarkGray · Cobalt Blue

HEX

#98A2B4

RGB

rgb(152, 162, 180)

HSL

hsl(219, 16%, 65%)

HSB

hsb(219, 16%, 71%)

CMYK

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

Oklch

oklch(71.0% 0.029 262.3)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBE3E1

E0F8FB

Analogous

FBE0EB

FBE3E1

FBEFE0

Triadic

FBE3E1

E0FBE2

E2E0FB

Split-Comp.

FBE3E1

E0FBEF

E0EBFB

Tetradic

FBE3E1

EBFBE0

E0F8FB

EFE0FB

Contrast Matrix WCAG 2.1 Contrast

FBE3E1	DFCBD0	E3B6CB	B4B281	98A2B4
—	1.3 Fail	1.5 Fail	1.8 Fail	2.1 Fail
1.3 Fail	—	1.1 Fail	1.4 Fail	1.7 Fail
1.5 Fail	1.1 Fail	—	1.2 Fail	1.4 Fail
1.8 Fail	1.4 Fail	1.2 Fail	—	1.2 Fail
2.1 Fail	1.7 Fail	1.4 Fail	1.2 Fail	—

White BG

1.2Fail

1.5Fail

1.8Fail

2.2Fail

2.6Fail

Black BG

17.2AAA

13.6AAA

11.8AAA

9.6AAA

8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F0E1

D6D6CF

D0CFC6

B3B38D

9C9CB0

Deuteranopia

F2F4E2

D8D9CF

D2D5C5

B3B390

9C9BAF

Tritanopia

FAE2E2

DECECE

E1C2C1

B49698

99ACAB

Achromatopsia

EAEAEA

D2D2D2

C6C6C6

ADADAD

A1A1A1

Shades & Tints Shades & Tints

#FBE3E1

Dark

Light

#DFCBD0

Dark

Light

#E3B6CB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbe3e1;
  --color-2: #dfcbd0;
  --color-3: #e3b6cb;
  --color-4: #b4b281;
  --color-5: #98a2b4;
}

SCSS

$color-1: #fbe3e1;
$color-2: #dfcbd0;
$color-3: #e3b6cb;
$color-4: #b4b281;
$color-5: #98a2b4;

TAILWIND

colors: {
  'brand-1': '#fbe3e1',
  'brand-2': '#dfcbd0',
  'brand-3': '#e3b6cb',
  'brand-4': '#b4b281',
  'brand-5': '#98a2b4',
}

RGB Array

[251, 227, 225], [223, 203, 208], [227, 182, 203], [180, 178, 129], [152, 162, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBE3E1, #DFCBD0, #E3B6CB, #B4B281, #98A2B4 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: #fbe3e1; --color-2: #dfcbd0; --color-3: #e3b6cb; --color-4: #b4b281; --color-5: #98a2b4. 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