#FBEAE2 + #F7CEBC + #F4C2B9 + #D5BAAF + #B3A0A2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FBEAE2

Apricot · Linen · Peach Orange

HEX

#FBEAE2

RGB

rgb(251, 234, 226)

HSL

hsl(19, 76%, 94%)

HSB

hsb(19, 10%, 98%)

CMYK

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

Oklch

oklch(94.8% 0.021 47.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F7CEBC

Apricot · Wheat · Peach Orange

HEX

#F7CEBC

RGB

rgb(247, 206, 188)

HSL

hsl(18, 79%, 85%)

HSB

hsb(18, 24%, 97%)

CMYK

cmyk(0%, 17%, 24%, 3%)

Oklch

oklch(88.2% 0.053 45.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F4C2B9

Peach Pink · LightPink · Cherry Blossom

HEX

#F4C2B9

RGB

rgb(244, 194, 185)

HSL

hsl(9, 73%, 84%)

HSB

hsb(9, 24%, 96%)

CMYK

cmyk(0%, 20%, 24%, 4%)

Oklch

oklch(85.6% 0.059 30.1)

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

#D5BAAF

Apricot · Silver · Peach Orange

HEX

#D5BAAF

RGB

rgb(213, 186, 175)

HSL

hsl(17, 31%, 76%)

HSB

hsb(17, 18%, 84%)

CMYK

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

Oklch

oklch(80.9% 0.035 43.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#B3A0A2

Peach Pink · DarkGray · Coral Red

HEX

#B3A0A2

RGB

rgb(179, 160, 162)

HSL

hsl(354, 11%, 66%)

HSB

hsb(354, 11%, 70%)

CMYK

cmyk(0%, 11%, 9%, 30%)

Oklch

oklch(72.3% 0.022 10.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBEAE2

E4F4FB

Analogous

FBE4E8

FBEAE2

FBF7E4

Triadic

FBEAE2

E4FBEB

EBE4FB

Split-Comp.

FBEAE2

E4FBF7

E4E8FB

Tetradic

FBEAE2

E8FBE4

E4F4FB

F7E4FB

Contrast Matrix WCAG 2.1 Contrast

FBEAE2	F7CEBC	F4C2B9	D5BAAF	B3A0A2
—	1.2 Fail	1.4 Fail	1.6 Fail	2.1 Fail
1.2 Fail	—	1.1 Fail	1.3 Fail	1.7 Fail
1.4 Fail	1.1 Fail	—	1.2 Fail	1.6 Fail
1.6 Fail	1.3 Fail	1.2 Fail	—	1.4 Fail
2.1 Fail	1.7 Fail	1.6 Fail	1.4 Fail	—

White BG

1.2Fail

1.4Fail

1.6Fail

1.8Fail

2.5Fail

Black BG

18.0AAA

14.5AAA

13.3AAA

11.5AAA

8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F3E4

E5E5C0

DEDEBB

C9C9B2

ABABA2

Deuteranopia

F5F6E4

E8EBC1

E1E5BC

CBCDB2

ACADA1

Tritanopia

FAE5E6

F5C4C5

F1BDBD

D4B4B4

B2A1A1

Achromatopsia

EEEEEE

D8D8D8

D0D0D0

C1C1C1

A6A6A6

Shades & Tints Shades & Tints

#FBEAE2

Dark

Light

#F7CEBC

Dark

Light

#F4C2B9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbeae2;
  --color-2: #f7cebc;
  --color-3: #f4c2b9;
  --color-4: #d5baaf;
  --color-5: #b3a0a2;
}

SCSS

$color-1: #fbeae2;
$color-2: #f7cebc;
$color-3: #f4c2b9;
$color-4: #d5baaf;
$color-5: #b3a0a2;

TAILWIND

colors: {
  'brand-1': '#fbeae2',
  'brand-2': '#f7cebc',
  'brand-3': '#f4c2b9',
  'brand-4': '#d5baaf',
  'brand-5': '#b3a0a2',
}

RGB Array

[251, 234, 226], [247, 206, 188], [244, 194, 185], [213, 186, 175], [179, 160, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBEAE2, #F7CEBC, #F4C2B9, #D5BAAF, #B3A0A2 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: #fbeae2; --color-2: #f7cebc; --color-3: #f4c2b9; --color-4: #d5baaf; --color-5: #b3a0a2. 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