#FBD2B2 + #FCB694 + #E79982 + #B89291 + #918B97 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FBD2B2

Apricot · Wheat · Peach Orange

HEX

#FBD2B2

RGB

rgb(251, 210, 178)

HSL

hsl(26, 90%, 84%)

HSB

hsb(26, 29%, 98%)

CMYK

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

Oklch

oklch(89.1% 0.063 59.8)

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

#FCB694

Apricot · BurlyWood · Peach Orange

HEX

#FCB694

RGB

rgb(252, 182, 148)

HSL

hsl(20, 95%, 78%)

HSB

hsb(20, 41%, 99%)

CMYK

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

Oklch

oklch(83.4% 0.094 46.9)

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

#E79982

Peach Pink · DarkSalmon · Coral Red

HEX

#E79982

RGB

rgb(231, 153, 130)

HSL

hsl(14, 68%, 71%)

HSB

hsb(14, 44%, 91%)

CMYK

cmyk(0%, 34%, 44%, 9%)

Oklch

oklch(75.5% 0.100 37.2)

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

#B89291

Peach Pink · DarkGray · Coral Red

HEX

#B89291

RGB

rgb(184, 146, 145)

HSL

hsl(2, 22%, 65%)

HSB

hsb(2, 21%, 72%)

CMYK

cmyk(0%, 21%, 21%, 28%)

Oklch

oklch(69.5% 0.046 20.1)

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

#918B97

Ash · LightSlateGray · Silver Sand

HEX

#918B97

RGB

rgb(145, 139, 151)

HSL

hsl(270, 5%, 57%)

HSB

hsb(270, 8%, 59%)

CMYK

cmyk(4%, 8%, 0%, 41%)

Oklch

oklch(64.6% 0.019 308.1)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBD2B2

B1DBFB

Analogous

FBB1B6

FBD2B2

FBF6B1

Triadic

FBD2B2

B1FBD1

D1B1FB

Split-Comp.

FBD2B2

B1FBF6

B1B6FB

Tetradic

FBD2B2

B6FBB1

B1DBFB

F6B1FB

Contrast Matrix WCAG 2.1 Contrast

FBD2B2	FCB694	E79982	B89291	918B97
—	1.2 Fail	1.6 Fail	2.0 Fail	2.4 Fail
1.2 Fail	—	1.3 Fail	1.6 Fail	1.9 Fail
1.6 Fail	1.3 Fail	—	1.2 Fail	1.5 Fail
2.0 Fail	1.6 Fail	1.2 Fail	—	1.2 Fail
2.4 Fail	1.9 Fail	1.5 Fail	1.2 Fail	—

White BG

1.4Fail

1.7Fail

2.3Fail

2.8Fail

3.3AA Large

Black BG

15.0AAA

12.3AAA

9.3AAA

7.6AAA

6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E9BA

DEDD9C

C5C588

A8A791

8E8E94

Deuteranopia

ECEFBC

E2E79E

CAD089

AAAD91

8F8F93

Tritanopia

F9C0C1

F8A3A4

E38C8D

B69191

919291

Achromatopsia

DBDBDB

C7C7C7

AEAEAE

9D9D9D

8E8E8E

Shades & Tints Shades & Tints

#FBD2B2

Dark

Light

#FCB694

Dark

Light

#E79982

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbd2b2;
  --color-2: #fcb694;
  --color-3: #e79982;
  --color-4: #b89291;
  --color-5: #918b97;
}

SCSS

$color-1: #fbd2b2;
$color-2: #fcb694;
$color-3: #e79982;
$color-4: #b89291;
$color-5: #918b97;

TAILWIND

colors: {
  'brand-1': '#fbd2b2',
  'brand-2': '#fcb694',
  'brand-3': '#e79982',
  'brand-4': '#b89291',
  'brand-5': '#918b97',
}

RGB Array

[251, 210, 178], [252, 182, 148], [231, 153, 130], [184, 146, 145], [145, 139, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #FBD2B2, #FCB694, #E79982, #B89291, #918B97 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: #fbd2b2; --color-2: #fcb694; --color-3: #e79982; --color-4: #b89291; --color-5: #918b97. 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 cool-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