#C5D4CD + #FAEFEB + #FEDCDB + #F4B0BF + #AA9F9D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C5D4CD

Jade · LightGray · Apple Green

HEX

#C5D4CD

RGB

rgb(197, 212, 205)

HSL

hsl(152, 15%, 80%)

HSB

hsb(152, 7%, 83%)

CMYK

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

Oklch

oklch(85.7% 0.019 166.3)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#FAEFEB

Apricot · Linen · Peach Orange

HEX

#FAEFEB

RGB

rgb(250, 239, 235)

HSL

hsl(16, 60%, 95%)

HSB

hsb(16, 6%, 98%)

CMYK

cmyk(0%, 4%, 6%, 2%)

Oklch

oklch(96.0% 0.013 41.2)

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

#FEDCDB

Peach Pink · Linen · Cherry Blossom

HEX

#FEDCDB

RGB

rgb(254, 220, 219)

HSL

hsl(2, 95%, 93%)

HSB

hsb(2, 14%, 100%)

CMYK

cmyk(0%, 13%, 14%, 0%)

Oklch

oklch(92.2% 0.038 19.9)

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

#F4B0BF

Peach Pink · LightPink · Cherry Blossom

HEX

#F4B0BF

RGB

rgb(244, 176, 191)

HSL

hsl(347, 76%, 82%)

HSB

hsb(347, 28%, 96%)

CMYK

cmyk(0%, 28%, 22%, 4%)

Oklch

oklch(82.5% 0.081 4.4)

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

#AA9F9D

Ash · DarkGray · Silver Sand

HEX

#AA9F9D

RGB

rgb(170, 159, 157)

HSL

hsl(9, 7%, 64%)

HSB

hsb(9, 8%, 67%)

CMYK

cmyk(0%, 6%, 8%, 33%)

Oklch

oklch(71.1% 0.013 29.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C5D4CD

D4C4CB

Analogous

C4D4C5

C5D4CD

C4D3D4

Triadic

C5D4CD

CDC4D4

D4CDC4

Split-Comp.

C5D4CD

D4C4D3

D4C5C4

Tetradic

C5D4CD

C5C4D4

D4C4CB

D3D4C4

Contrast Matrix WCAG 2.1 Contrast

C5D4CD	FAEFEB	FEDCDB	F4B0BF	AA9F9D
—	1.4 Fail	1.2 Fail	1.2 Fail	1.7 Fail
1.4 Fail	—	1.1 Fail	1.6 Fail	2.3 Fail
1.2 Fail	1.1 Fail	—	1.4 Fail	2.0 Fail
1.2 Fail	1.6 Fail	1.4 Fail	—	1.4 Fail
1.7 Fail	2.3 Fail	2.0 Fail	1.4 Fail	—

White BG

1.5Fail

1.1Fail

1.3Fail

1.8Fail

2.6Fail

Black BG

13.7AAA

18.6AAA

16.5AAA

11.8AAA

8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCCCF

F5F5EC

EFEFDB

D7D6BB

A5A59D

Deuteranopia

CBC9CF

F6F7EC

F1F4DB

DBE0BB

A6A79E

Tritanopia

C6D0D0

F9EDED

FCDBDB

F1B9B8

A99E9E

Achromatopsia

CFCFCF

F2F2F2

E6E6E6

C6C6C6

A2A2A2

Shades & Tints Shades & Tints

#C5D4CD

Dark

Light

#FAEFEB

Dark

Light

#FEDCDB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c5d4cd;
  --color-2: #faefeb;
  --color-3: #fedcdb;
  --color-4: #f4b0bf;
  --color-5: #aa9f9d;
}

SCSS

$color-1: #c5d4cd;
$color-2: #faefeb;
$color-3: #fedcdb;
$color-4: #f4b0bf;
$color-5: #aa9f9d;

TAILWIND

colors: {
  'brand-1': '#c5d4cd',
  'brand-2': '#faefeb',
  'brand-3': '#fedcdb',
  'brand-4': '#f4b0bf',
  'brand-5': '#aa9f9d',
}

RGB Array

[197, 212, 205], [250, 239, 235], [254, 220, 219], [244, 176, 191], [170, 159, 157]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C5D4CD, #FAEFEB, #FEDCDB, #F4B0BF, #AA9F9D 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: #c5d4cd; --color-2: #faefeb; --color-3: #fedcdb; --color-4: #f4b0bf; --color-5: #aa9f9d. 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