#FDCEBA + #85AAB3 + #A9B4B6 + #C5BCB7 + #C0A7AA - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FDCEBA

Apricot · Wheat · Peach Orange

HEX

#FDCEBA

RGB

rgb(253, 206, 186)

HSL

hsl(18, 94%, 86%)

HSB

hsb(18, 26%, 99%)

CMYK

cmyk(0%, 19%, 26%, 1%)

Oklch

oklch(88.7% 0.060 44.3)

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

#85AAB3

Sky Blue · DarkGray · Lake Green

HEX

#85AAB3

RGB

rgb(133, 170, 179)

HSL

hsl(192, 23%, 61%)

HSB

hsb(192, 26%, 70%)

CMYK

cmyk(26%, 5%, 0%, 30%)

Oklch

oklch(71.4% 0.042 214.2)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#A9B4B6

Sky Blue · DarkGray · Silver Sand

HEX

#A9B4B6

RGB

rgb(169, 180, 182)

HSL

hsl(189, 8%, 69%)

HSB

hsb(189, 7%, 71%)

CMYK

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

Oklch

oklch(76.2% 0.013 209.8)

Traditional「Sky Blue」· Paint「Silver Sand」· Creative Urban Concrete

#C5BCB7

Apricot · Silver · Warm Sun

HEX

#C5BCB7

RGB

rgb(197, 188, 183)

HSL

hsl(21, 11%, 75%)

HSB

hsb(21, 7%, 77%)

CMYK

cmyk(0%, 5%, 7%, 23%)

Oklch

oklch(80.1% 0.012 51.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#C0A7AA

Peach Pink · DarkGray · Coral Red

HEX

#C0A7AA

RGB

rgb(192, 167, 170)

HSL

hsl(353, 17%, 70%)

HSB

hsb(353, 13%, 75%)

CMYK

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

Oklch

oklch(75.1% 0.029 9.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDCEBA

BAE9FD

Analogous

FDBAC7

FDCEBA

FDEFBA

Triadic

FDCEBA

BAFDCE

CEBAFD

Split-Comp.

FDCEBA

BAFDEF

BAC7FD

Tetradic

FDCEBA

C7FDBA

BAE9FD

EFBAFD

Contrast Matrix WCAG 2.1 Contrast

FDCEBA	85AAB3	A9B4B6	C5BCB7	C0A7AA
—	1.8 Fail	1.5 Fail	1.3 Fail	1.6 Fail
1.8 Fail	—	1.2 Fail	1.3 Fail	1.1 Fail
1.5 Fail	1.2 Fail	—	1.1 Fail	1.1 Fail
1.3 Fail	1.3 Fail	1.1 Fail	—	1.2 Fail
1.6 Fail	1.1 Fail	1.1 Fail	1.2 Fail	—

White BG

1.4Fail

2.5Fail

2.1Fail

1.9Fail

2.2Fail

Black BG

14.7AAA

8.4AAA

9.9AAA

11.3AAA

9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E8BF

9595B1

AEAEB6

C1C1B8

B5B5A9

Deuteranopia

EBEFC0

9390B0

ADACB5

C2C2B9

B7B8A9

Tritanopia

FBC3C4

87AFAF

AAB5B5

C5B9B9

BFA9A9

Achromatopsia

DADADA

A0A0A0

B1B1B1

BEBEBE

AFAFAF

Shades & Tints Shades & Tints

#FDCEBA

Dark

Light

#85AAB3

Dark

Light

#A9B4B6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdceba;
  --color-2: #85aab3;
  --color-3: #a9b4b6;
  --color-4: #c5bcb7;
  --color-5: #c0a7aa;
}

SCSS

$color-1: #fdceba;
$color-2: #85aab3;
$color-3: #a9b4b6;
$color-4: #c5bcb7;
$color-5: #c0a7aa;

TAILWIND

colors: {
  'brand-1': '#fdceba',
  'brand-2': '#85aab3',
  'brand-3': '#a9b4b6',
  'brand-4': '#c5bcb7',
  'brand-5': '#c0a7aa',
}

RGB Array

[253, 206, 186], [133, 170, 179], [169, 180, 182], [197, 188, 183], [192, 167, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDCEBA, #85AAB3, #A9B4B6, #C5BCB7, #C0A7AA 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: #fdceba; --color-2: #85aab3; --color-3: #a9b4b6; --color-4: #c5bcb7; --color-5: #c0a7aa. 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