#C0DDD8 + #DBC4CE + #EB9190 + #B69478 + #928074 · 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

#C0DDD8

Jade · LightGray · Glacier Blue

HEX

#C0DDD8

RGB

rgb(192, 221, 216)

HSL

hsl(170, 30%, 81%)

HSB

hsb(170, 13%, 87%)

CMYK

cmyk(13%, 0%, 2%, 13%)

Oklch

oklch(87.5% 0.031 184.1)

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

#DBC4CE

Rouge · LightGray · Cherry Blossom

HEX

#DBC4CE

RGB

rgb(219, 196, 206)

HSL

hsl(334, 24%, 81%)

HSB

hsb(334, 11%, 86%)

CMYK

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

Oklch

oklch(84.2% 0.029 349.6)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#EB9190

Peach Pink · DarkSalmon · Coral Red

HEX

#EB9190

RGB

rgb(235, 145, 144)

HSL

hsl(1, 69%, 74%)

HSB

hsb(1, 39%, 92%)

CMYK

cmyk(0%, 38%, 39%, 8%)

Oklch

oklch(74.9% 0.110 20.7)

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

#B69478

Tangerine · Tan · Warm Sun

HEX

#B69478

RGB

rgb(182, 148, 120)

HSL

hsl(27, 30%, 59%)

HSB

hsb(27, 34%, 71%)

CMYK

cmyk(0%, 19%, 34%, 29%)

Oklch

oklch(69.1% 0.057 61.1)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#928074

Tangerine · Gray · Warm Sun

HEX

#928074

RGB

rgb(146, 128, 116)

HSL

hsl(24, 12%, 51%)

HSB

hsb(24, 21%, 57%)

CMYK

cmyk(0%, 12%, 21%, 43%)

Oklch

oklch(61.3% 0.028 55.8)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0DDD8

DDC0C5

Analogous

C0DDCA

C0DDD8

C0D3DD

Triadic

C0DDD8

D8C0DD

DDD8C0

Split-Comp.

C0DDD8

DDC0D3

DDCAC0

Tetradic

C0DDD8

CAC0DD

DDC0C5

D3DDC0

Contrast Matrix WCAG 2.1 Contrast

C0DDD8	DBC4CE	EB9190	B69478	928074
—	1.1 Fail	1.6 Fail	1.9 Fail	2.6 Fail
1.1 Fail	—	1.4 Fail	1.7 Fail	2.3 Fail
1.6 Fail	1.4 Fail	—	1.2 Fail	1.6 Fail
1.9 Fail	1.7 Fail	1.2 Fail	—	1.3 Fail
2.6 Fail	2.3 Fail	1.6 Fail	1.3 Fail	—

White BG

1.4Fail

1.6Fail

2.3Fail

2.8Fail

3.8AA Large

Black BG

14.6AAA

12.8AAA

9.0AAA

7.5AAA

5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCDD9

D1D1CC

C4C390

A7A77F

8A8A77

Deuteranopia

CBC9DA

D2D4CB

C9D090

A9AC80

8B8D78

Tritanopia

C1DADA

DACAC9

E79090

B48485

91797A

Achromatopsia

D4D4D4

CCCCCC

ACACAC

9B9B9B

848484

Shades & Tints Shades & Tints

#C0DDD8

Dark

Light

#DBC4CE

Dark

Light

#EB9190

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0ddd8;
  --color-2: #dbc4ce;
  --color-3: #eb9190;
  --color-4: #b69478;
  --color-5: #928074;
}

SCSS

$color-1: #c0ddd8;
$color-2: #dbc4ce;
$color-3: #eb9190;
$color-4: #b69478;
$color-5: #928074;

TAILWIND

colors: {
  'brand-1': '#c0ddd8',
  'brand-2': '#dbc4ce',
  'brand-3': '#eb9190',
  'brand-4': '#b69478',
  'brand-5': '#928074',
}

RGB Array

[192, 221, 216], [219, 196, 206], [235, 145, 144], [182, 148, 120], [146, 128, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #C0DDD8, #DBC4CE, #EB9190, #B69478, #928074 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: #c0ddd8; --color-2: #dbc4ce; --color-3: #eb9190; --color-4: #b69478; --color-5: #928074. 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