#C4D0CC + #C3BBD1 + #C98FB3 + #D9646F + #E83402 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#C4D0CC

Jade · LightGray · Glacier Blue

HEX

#C4D0CC

RGB

rgb(196, 208, 204)

HSL

hsl(160, 11%, 79%)

HSB

hsb(160, 6%, 82%)

CMYK

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

Oklch

oklch(84.7% 0.014 174.1)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#C3BBD1

Wisteria · Silver · Lilac Purple

HEX

#C3BBD1

RGB

rgb(195, 187, 209)

HSL

hsl(262, 19%, 78%)

HSB

hsb(262, 11%, 82%)

CMYK

cmyk(7%, 11%, 0%, 18%)

Oklch

oklch(80.5% 0.032 302.2)

Traditional「Wisteria」· Paint「Lilac Purple」· Creative Lavender Dream

#C98FB3

Mauve · DarkGray · Rose Pink

HEX

#C98FB3

RGB

rgb(201, 143, 179)

HSL

hsl(323, 35%, 67%)

HSB

hsb(323, 29%, 79%)

CMYK

cmyk(0%, 29%, 11%, 21%)

Oklch

oklch(71.8% 0.084 341.7)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

#D9646F

Peach Pink · LightCoral · Coral Red

HEX

#D9646F

RGB

rgb(217, 100, 111)

HSL

hsl(354, 61%, 62%)

HSB

hsb(354, 54%, 85%)

CMYK

cmyk(0%, 54%, 49%, 15%)

Oklch

oklch(64.8% 0.147 16.3)

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

#E83402

Vermilion · OrangeRed · Passion Red

HEX

#E83402

RGB

rgb(232, 52, 2)

HSL

hsl(13, 98%, 46%)

HSB

hsb(13, 99%, 91%)

CMYK

cmyk(0%, 78%, 99%, 9%)

Oklch

oklch(60.6% 0.220 33.5)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C4D0CC

CFC4C7

Analogous

C4CFC6

C4D0CC

C4CDCF

Triadic

C4D0CC

CBC4CF

CFCBC4

Split-Comp.

C4D0CC

CFC4CD

CFC6C4

Tetradic

C4D0CC

C6C4CF

CFC4C7

CDCFC4

Contrast Matrix WCAG 2.1 Contrast

C4D0CC	C3BBD1	C98FB3	D9646F	E83402
—	1.2 Fail	1.6 Fail	2.2 Fail	2.7 Fail
1.2 Fail	—	1.4 Fail	1.9 Fail	2.3 Fail
1.6 Fail	1.4 Fail	—	1.3 Fail	1.6 Fail
2.2 Fail	1.9 Fail	1.3 Fail	—	1.2 Fail
2.7 Fail	2.3 Fail	1.6 Fail	1.2 Fail	—

White BG

1.6Fail

1.9Fail

2.6Fail

3.5AA Large

4.3AA Large

Black BG

13.2AAA

11.3AAA

8.1AAA

6.0AA

4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C9CD

C0BFCC

B0AFAA

A6A56C

9A980E

Deuteranopia

C9C8CD

C0C1CA

B3B8A8

ADB66C

A5B211

Tritanopia

C5CECE

C3C7C7

C6A3A2

D36A6A

DF181A

Achromatopsia

CCCCCC

C0C0C0

A4A4A4

888888

646464

Shades & Tints Shades & Tints

#C4D0CC

Dark

Light

#C3BBD1

Dark

Light

#C98FB3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c4d0cc;
  --color-2: #c3bbd1;
  --color-3: #c98fb3;
  --color-4: #d9646f;
  --color-5: #e83402;
}

SCSS

$color-1: #c4d0cc;
$color-2: #c3bbd1;
$color-3: #c98fb3;
$color-4: #d9646f;
$color-5: #e83402;

TAILWIND

colors: {
  'brand-1': '#c4d0cc',
  'brand-2': '#c3bbd1',
  'brand-3': '#c98fb3',
  'brand-4': '#d9646f',
  'brand-5': '#e83402',
}

RGB Array

[196, 208, 204], [195, 187, 209], [201, 143, 179], [217, 100, 111], [232, 52, 2]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #C4D0CC, #C3BBD1, #C98FB3, #D9646F, #E83402 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: #c4d0cc; --color-2: #c3bbd1; --color-3: #c98fb3; --color-4: #d9646f; --color-5: #e83402. 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 pastel-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