← Back to Editor

#C08684 · #534844 · #BBB47D · #D7C48C · #E3D99B

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

#C08684

Peach Pink · DarkSalmon · Coral Red

HEX
#C08684
RGB
rgb(192, 134, 132)
HSL
hsl(2, 32%, 64%)
HSB
hsb(2, 31%, 75%)
CMYK
cmyk(0%, 30%, 31%, 25%)
Oklch
oklch(67.7% 0.072 21.3)

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

#534844

Tangerine · DarkSlateGray · Amber Brown

HEX
#534844
RGB
rgb(83, 72, 68)
HSL
hsl(16, 10%, 30%)
HSB
hsb(16, 18%, 33%)
CMYK
cmyk(0%, 13%, 18%, 67%)
Oklch
oklch(41.1% 0.016 41.1)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#BBB47D

Fresh Green · Tan · Sunflower

HEX
#BBB47D
RGB
rgb(187, 180, 125)
HSL
hsl(53, 31%, 61%)
HSB
hsb(53, 33%, 73%)
CMYK
cmyk(0%, 4%, 33%, 27%)
Oklch
oklch(76.2% 0.074 101.8)

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

#D7C48C

Ginger · BurlyWood · Sunflower

HEX
#D7C48C
RGB
rgb(215, 196, 140)
HSL
hsl(45, 48%, 70%)
HSB
hsb(45, 35%, 84%)
CMYK
cmyk(0%, 9%, 35%, 16%)
Oklch
oklch(82.3% 0.076 91.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#E3D99B

Fresh Green · Khaki · Sunflower

HEX
#E3D99B
RGB
rgb(227, 217, 155)
HSL
hsl(52, 56%, 75%)
HSB
hsb(52, 32%, 89%)
CMYK
cmyk(0%, 4%, 32%, 11%)
Oklch
oklch(87.9% 0.081 100.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C08684
86BFC1

Analogous

C186A1
C08684
C1A586

Triadic

C08684
86C188
8886C1

Split-Comp.

C08684
86C1A5
86A1C1

Tetradic

C08684
A1C186
86BFC1
A586C1

Contrast Matrix WCAG 2.1 Contrast

C08684
534844
BBB47D
D7C48C
E3D99B
—
2.9
Fail
1.4
Fail
1.7
Fail
2.1
Fail
2.9
Fail
—
4.2
AA Large
5.1
AA
6.2
AA
1.4
Fail
4.2
AA Large
—
1.2
Fail
1.5
Fail
1.7
Fail
5.1
AA
1.2
Fail
—
1.2
Fail
2.1
Fail
6.2
AA
1.5
Fail
1.2
Fail
—
White BG
3.0AA Large
8.8AAA
2.1Fail
1.7Fail
1.4Fail
Black BG
7.0AA
2.4Fail
9.9AAA
12.2AAA
14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A684
4E4E45
B8B88A
CFCF9A
DFDFAA

Deuteranopia

AAAF85
4F5045
B8B98E
D0D19D
DFE0AE

Tritanopia

BD8585
524646
BB9597
D6A4A7
E2B6B8

Achromatopsia

979797
4B4B4B
B0B0B0
C3C3C3
D5D5D5

Shades & Tints Shades & Tints

#C08684

Dark
Light

#534844

Dark
Light

#BBB47D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c08684;
  --color-2: #534844;
  --color-3: #bbb47d;
  --color-4: #d7c48c;
  --color-5: #e3d99b;
}

SCSS

$color-1: #c08684;
$color-2: #534844;
$color-3: #bbb47d;
$color-4: #d7c48c;
$color-5: #e3d99b;

TAILWIND

colors: {
  'brand-1': '#c08684',
  'brand-2': '#534844',
  'brand-3': '#bbb47d',
  'brand-4': '#d7c48c',
  'brand-5': '#e3d99b',
}

RGB Array

[192, 134, 132], [83, 72, 68], [187, 180, 125], [215, 196, 140], [227, 217, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #C08684, #534844, #BBB47D, #D7C48C, #E3D99B 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: #c08684; --color-2: #534844; --color-3: #bbb47d; --color-4: #d7c48c; --color-5: #e3d99b. 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