#DED9BA + #C6D6B8 + #C2A596 + #C84648 + #FA3446 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#DED9BA

Fresh Green · Wheat · Lemon Cream

HEX

#DED9BA

RGB

rgb(222, 217, 186)

HSL

hsl(52, 35%, 80%)

HSB

hsb(52, 16%, 87%)

CMYK

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

Oklch

oklch(88.1% 0.042 99.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#C6D6B8

Celadon · Silver · Apple Green

HEX

#C6D6B8

RGB

rgb(198, 214, 184)

HSL

hsl(92, 27%, 78%)

HSB

hsb(92, 14%, 84%)

CMYK

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

Oklch

oklch(85.6% 0.044 130.3)

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

#C2A596

Apricot · Tan · Warm Sun

HEX

#C2A596

RGB

rgb(194, 165, 150)

HSL

hsl(20, 27%, 67%)

HSB

hsb(20, 23%, 76%)

CMYK

cmyk(0%, 15%, 23%, 24%)

Oklch

oklch(74.3% 0.040 49.0)

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

#C84648

Crimson · Sienna · Passion Red

HEX

#C84648

RGB

rgb(200, 70, 72)

HSL

hsl(359, 54%, 53%)

HSB

hsb(359, 65%, 78%)

CMYK

cmyk(0%, 65%, 64%, 22%)

Oklch

oklch(57.5% 0.166 23.1)

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

#FA3446

Vermilion · Crimson · Passion Red

HEX

#FA3446

RGB

rgb(250, 52, 70)

HSL

hsl(355, 95%, 59%)

HSB

hsb(355, 79%, 98%)

CMYK

cmyk(0%, 79%, 72%, 2%)

Oklch

oklch(64.3% 0.230 22.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DED9BA

BABFDE

Analogous

DEC7BA

DED9BA

D1DEBA

Triadic

DED9BA

BADED9

D9BADE

Split-Comp.

DED9BA

BAD1DE

C7BADE

Tetradic

DED9BA

BADEC7

BABFDE

DEBAD1

Contrast Matrix WCAG 2.1 Contrast

DED9BA	C6D6B8	C2A596	C84648	FA3446
—	1.1 Fail	1.6 Fail	3.3 AA Large	2.6 Fail
1.1 Fail	—	1.5 Fail	3.1 AA Large	2.4 Fail
1.6 Fail	1.5 Fail	—	2.1 Fail	1.6 Fail
3.3 AA Large	3.1 AA Large	2.1 Fail	—	1.3 Fail
2.6 Fail	2.4 Fail	1.6 Fail	1.3 Fail	—

White BG

1.4Fail

1.5Fail

2.3Fail

4.7AA

3.7AA Large

Black BG

14.7AAA

13.7AAA

9.1AAA

4.4AA Large

5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDCC2

CDCDBF

B5B59A

908F48

A4A242

Deuteranopia

DCDCC3

CCCBC1

B7B99B

97A147

B0BF41

Tritanopia

DEC7C9

C7C5C6

C19C9D

C24747

F03E3D

Achromatopsia

D7D7D7

CECECE

ACACAC

6D6D6D

717171

Shades & Tints Shades & Tints

#DED9BA

Dark

Light

#C6D6B8

Dark

Light

#C2A596

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ded9ba;
  --color-2: #c6d6b8;
  --color-3: #c2a596;
  --color-4: #c84648;
  --color-5: #fa3446;
}

SCSS

$color-1: #ded9ba;
$color-2: #c6d6b8;
$color-3: #c2a596;
$color-4: #c84648;
$color-5: #fa3446;

TAILWIND

colors: {
  'brand-1': '#ded9ba',
  'brand-2': '#c6d6b8',
  'brand-3': '#c2a596',
  'brand-4': '#c84648',
  'brand-5': '#fa3446',
}

RGB Array

[222, 217, 186], [198, 214, 184], [194, 165, 150], [200, 70, 72], [250, 52, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #DED9BA, #C6D6B8, #C2A596, #C84648, #FA3446 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: #ded9ba; --color-2: #c6d6b8; --color-3: #c2a596; --color-4: #c84648; --color-5: #fa3446. 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