#CBC6C3 + #D3C7C1 + #DBC8C2 + #E8C8C3 + #F6C7C7 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CBC6C3

Silver Gray · Silver · Pearl Gray

HEX

#CBC6C3

RGB

rgb(203, 198, 195)

HSL

hsl(23, 7%, 78%)

HSB

hsb(23, 4%, 80%)

CMYK

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

Oklch

oklch(83.0% 0.007 53.4)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#D3C7C1

Apricot · Silver · Peach Orange

HEX

#D3C7C1

RGB

rgb(211, 199, 193)

HSL

hsl(20, 17%, 79%)

HSB

hsb(20, 9%, 83%)

CMYK

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

Oklch

oklch(83.8% 0.016 48.5)

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

#DBC8C2

Peach Pink · LightGray · Cherry Blossom

HEX

#DBC8C2

RGB

rgb(219, 200, 194)

HSL

hsl(14, 26%, 81%)

HSB

hsb(14, 11%, 86%)

CMYK

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

Oklch

oklch(84.7% 0.023 38.3)

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

#E8C8C3

Peach Pink · Pink · Cherry Blossom

HEX

#E8C8C3

RGB

rgb(232, 200, 195)

HSL

hsl(8, 45%, 84%)

HSB

hsb(8, 16%, 91%)

CMYK

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

Oklch

oklch(85.9% 0.037 28.4)

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

#F6C7C7

Peach Pink · Pink · Cherry Blossom

HEX

#F6C7C7

RGB

rgb(246, 199, 199)

HSL

hsl(0, 72%, 87%)

HSB

hsb(0, 19%, 96%)

CMYK

cmyk(0%, 19%, 19%, 4%)

Oklch

oklch(87.1% 0.054 18.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBC6C3

C3C8CB

Analogous

CBC3C4

CBC6C3

CBCAC3

Triadic

CBC6C3

C3CBC6

C6C3CB

Split-Comp.

CBC6C3

C3CBCA

C3C4CB

Tetradic

CBC6C3

C4CBC3

C3C8CB

CAC3CB

Contrast Matrix WCAG 2.1 Contrast

CBC6C3	D3C7C1	DBC8C2	E8C8C3	F6C7C7
—	1.0 Fail	1.1 Fail	1.1 Fail	1.1 Fail
1.0 Fail	—	1.0 Fail	1.1 Fail	1.1 Fail
1.1 Fail	1.0 Fail	—	1.0 Fail	1.1 Fail
1.1 Fail	1.1 Fail	1.0 Fail	—	1.0 Fail
1.1 Fail	1.1 Fail	1.1 Fail	1.0 Fail	—

White BG

1.7Fail

1.6Fail

1.5Fail

Black BG

12.4AAA

12.7AAA

13.1AAA

13.5AAA

13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C9C4

CECEC2

D3D3C3

DADAC4

E2E1C7

Deuteranopia

C9CAC4

CFCFC3

D4D5C4

DCDEC5

E4E8C7

Tritanopia

CBC4C4

D2C4C4

DAC5C5

E6C5C5

F4C7C7

Achromatopsia

C7C7C7

CACACA

CDCDCD

D1D1D1

D5D5D5

Shades & Tints Shades & Tints

#CBC6C3

Dark

Light

#D3C7C1

Dark

Light

#DBC8C2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbc6c3;
  --color-2: #d3c7c1;
  --color-3: #dbc8c2;
  --color-4: #e8c8c3;
  --color-5: #f6c7c7;
}

SCSS

$color-1: #cbc6c3;
$color-2: #d3c7c1;
$color-3: #dbc8c2;
$color-4: #e8c8c3;
$color-5: #f6c7c7;

TAILWIND

colors: {
  'brand-1': '#cbc6c3',
  'brand-2': '#d3c7c1',
  'brand-3': '#dbc8c2',
  'brand-4': '#e8c8c3',
  'brand-5': '#f6c7c7',
}

RGB Array

[203, 198, 195], [211, 199, 193], [219, 200, 194], [232, 200, 195], [246, 199, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CBC6C3, #D3C7C1, #DBC8C2, #E8C8C3, #F6C7C7 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: #cbc6c3; --color-2: #d3c7c1; --color-3: #dbc8c2; --color-4: #e8c8c3; --color-5: #f6c7c7. 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