#C9D5C1 + #BEB2A4 + #EEAF9D + #F6BFA0 + #F9D5B5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C9D5C1

Celadon · LightGray · Apple Green

HEX

#C9D5C1

RGB

rgb(201, 213, 193)

HSL

hsl(96, 19%, 80%)

HSB

hsb(96, 9%, 84%)

CMYK

cmyk(6%, 0%, 9%, 16%)

Oklch

oklch(85.8% 0.030 132.6)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#BEB2A4

Ginger · DarkGray · Warm Sun

HEX

#BEB2A4

RGB

rgb(190, 178, 164)

HSL

hsl(32, 17%, 69%)

HSB

hsb(32, 14%, 75%)

CMYK

cmyk(0%, 6%, 14%, 25%)

Oklch

oklch(77.0% 0.024 71.7)

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

#EEAF9D

Peach Pink · BurlyWood · Coral Red

HEX

#EEAF9D

RGB

rgb(238, 175, 157)

HSL

hsl(13, 70%, 77%)

HSB

hsb(13, 34%, 93%)

CMYK

cmyk(0%, 26%, 34%, 7%)

Oklch

oklch(80.8% 0.079 36.6)

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

#F6BFA0

Apricot · BurlyWood · Peach Orange

HEX

#F6BFA0

RGB

rgb(246, 191, 160)

HSL

hsl(22, 83%, 80%)

HSB

hsb(22, 35%, 96%)

CMYK

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

Oklch

oklch(84.6% 0.076 50.7)

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

#F9D5B5

Apricot · Wheat · Peach Orange

HEX

#F9D5B5

RGB

rgb(249, 213, 181)

HSL

hsl(28, 85%, 84%)

HSB

hsb(28, 27%, 98%)

CMYK

cmyk(0%, 14%, 27%, 2%)

Oklch

oklch(89.5% 0.059 63.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9D5C1

CEC2D6

Analogous

D4D6C2

C9D5C1

C2D6C4

Triadic

C9D5C1

C2CAD6

D6C2CA

Split-Comp.

C9D5C1

C4C2D6

D6C2D4

Tetradic

C9D5C1

C2D4D6

CEC2D6

D6C4C2

Contrast Matrix WCAG 2.1 Contrast

C9D5C1	BEB2A4	EEAF9D	F6BFA0	F9D5B5
—	1.4 Fail	1.2 Fail	1.1 Fail	1.1 Fail
1.4 Fail	—	1.1 Fail	1.3 Fail	1.5 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.4 Fail
1.1 Fail	1.3 Fail	1.1 Fail	—	1.2 Fail
1.1 Fail	1.5 Fail	1.4 Fail	1.2 Fail	—

White BG

1.5Fail

2.1Fail

1.9Fail

1.6Fail

1.4Fail

Black BG

13.8AAA

10.1AAA

11.3AAA

12.9AAA

15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECEC6

B9B9A7

D3D2A1

DEDEA8

E9E9BD

Deuteranopia

CECDC7

BABAA8

D6DBA2

E1E6A9

ECEEBF

Tritanopia

CACACB

BDAAAB

EBA5A6

F3ADAF

F7C3C4

Achromatopsia

CFCFCF

B4B4B4

C0C0C0

CCCCCC

DCDCDC

Shades & Tints Shades & Tints

#C9D5C1

Dark

Light

#BEB2A4

Dark

Light

#EEAF9D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9d5c1;
  --color-2: #beb2a4;
  --color-3: #eeaf9d;
  --color-4: #f6bfa0;
  --color-5: #f9d5b5;
}

SCSS

$color-1: #c9d5c1;
$color-2: #beb2a4;
$color-3: #eeaf9d;
$color-4: #f6bfa0;
$color-5: #f9d5b5;

TAILWIND

colors: {
  'brand-1': '#c9d5c1',
  'brand-2': '#beb2a4',
  'brand-3': '#eeaf9d',
  'brand-4': '#f6bfa0',
  'brand-5': '#f9d5b5',
}

RGB Array

[201, 213, 193], [190, 178, 164], [238, 175, 157], [246, 191, 160], [249, 213, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9D5C1, #BEB2A4, #EEAF9D, #F6BFA0, #F9D5B5 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: #c9d5c1; --color-2: #beb2a4; --color-3: #eeaf9d; --color-4: #f6bfa0; --color-5: #f9d5b5. 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