← Back to Editor

#DBCC93 · #797166 · #C6BCB2 · #D4596D · #5D4052

pastel

A 5-color pastel palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#DBCC93

Goose Yellow · BurlyWood · Sunflower

HEX
#DBCC93
RGB
rgb(219, 204, 147)
HSL
hsl(48, 50%, 72%)
HSB
hsb(48, 33%, 86%)
CMYK
cmyk(0%, 7%, 33%, 14%)
Oklch
oklch(84.4% 0.076 95.1)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#797166

Ochre · DimGray · Warm Gray

HEX
#797166
RGB
rgb(121, 113, 102)
HSL
hsl(35, 9%, 44%)
HSB
hsb(35, 16%, 47%)
CMYK
cmyk(0%, 7%, 16%, 53%)
Oklch
oklch(55.3% 0.019 76.0)

Traditional「Ochre」· Paint「Warm Gray」· Creative Urban Concrete

#C6BCB2

Goose Yellow · Silver · Warm Sun

HEX
#C6BCB2
RGB
rgb(198, 188, 178)
HSL
hsl(30, 15%, 74%)
HSB
hsb(30, 10%, 78%)
CMYK
cmyk(0%, 5%, 10%, 22%)
Oklch
oklch(80.1% 0.018 67.6)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#D4596D

Crimson · LightCoral · Passion Red

HEX
#D4596D
RGB
rgb(212, 89, 109)
HSL
hsl(350, 59%, 59%)
HSB
hsb(350, 58%, 83%)
CMYK
cmyk(0%, 58%, 49%, 17%)
Oklch
oklch(62.5% 0.156 12.8)

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

#5D4052

Rose Purple · DarkSlateGray · Camellia

HEX
#5D4052
RGB
rgb(93, 64, 82)
HSL
hsl(323, 18%, 31%)
HSB
hsb(323, 31%, 36%)
CMYK
cmyk(0%, 31%, 12%, 64%)
Oklch
oklch(41.0% 0.049 341.7)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBCC93
94A2DB

Analogous

DBA994
DBCC93
C6DB94

Triadic

DBCC93
94DBCD
CD94DB

Split-Comp.

DBCC93
94C6DB
A994DB

Tetradic

DBCC93
94DBA9
94A2DB
DB94C6

Contrast Matrix WCAG 2.1 Contrast

DBCC93
797166
C6BCB2
D4596D
5D4052
—
3.0
Fail
1.2
Fail
2.4
Fail
5.6
AA
3.0
Fail
—
2.6
Fail
1.2
Fail
1.9
Fail
1.2
Fail
2.6
Fail
—
2.1
Fail
4.8
AA
2.4
Fail
1.2
Fail
2.1
Fail
—
2.3
Fail
5.6
AA
1.9
Fail
4.8
AA
2.3
Fail
—
White BG
1.6Fail
4.8AA
1.9Fail
3.9AA Large
9.0AAA
Black BG
13.1AAA
4.4AA Large
11.2AAA
5.4AA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D4A1
767569
C2C2B4
9F9E68
50504E

Deuteranopia

D5D6A4
767769
C2C3B5
A6AF67
52544D

Tritanopia

DAACAE
796B6B
C6B6B7
CE6464
5C4A49

Achromatopsia

CACACA
727272
BEBEBE
808080
4B4B4B

Shades & Tints Shades & Tints

#DBCC93

Dark
Light

#797166

Dark
Light

#C6BCB2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbcc93;
  --color-2: #797166;
  --color-3: #c6bcb2;
  --color-4: #d4596d;
  --color-5: #5d4052;
}

SCSS

$color-1: #dbcc93;
$color-2: #797166;
$color-3: #c6bcb2;
$color-4: #d4596d;
$color-5: #5d4052;

TAILWIND

colors: {
  'brand-1': '#dbcc93',
  'brand-2': '#797166',
  'brand-3': '#c6bcb2',
  'brand-4': '#d4596d',
  'brand-5': '#5d4052',
}

RGB Array

[219, 204, 147], [121, 113, 102], [198, 188, 178], [212, 89, 109], [93, 64, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #DBCC93, #797166, #C6BCB2, #D4596D, #5D4052 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #dbcc93; --color-2: #797166; --color-3: #c6bcb2; --color-4: #d4596d; --color-5: #5d4052. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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