← Back to Editor

#542C3D · #E394A7 · #DBBC6B · #D4E5C7 · #9ED9B8

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

#542C3D

Dark Violet · DarkSlateGray · Raspberry

HEX
#542C3D
RGB
rgb(84, 44, 61)
HSL
hsl(335, 31%, 25%)
HSB
hsb(335, 48%, 33%)
CMYK
cmyk(0%, 48%, 27%, 67%)
Oklch
oklch(35.1% 0.063 353.9)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#E394A7

Peach Pink · Tan · Coral Red

HEX
#E394A7
RGB
rgb(227, 148, 167)
HSL
hsl(346, 59%, 74%)
HSB
hsb(346, 35%, 89%)
CMYK
cmyk(0%, 35%, 26%, 11%)
Oklch
oklch(75.1% 0.098 4.0)

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

#DBBC6B

Ginger · BurlyWood · Sunflower

HEX
#DBBC6B
RGB
rgb(219, 188, 107)
HSL
hsl(43, 61%, 64%)
HSB
hsb(43, 51%, 86%)
CMYK
cmyk(0%, 14%, 51%, 14%)
Oklch
oklch(80.5% 0.107 89.0)

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

#D4E5C7

Celadon · LightGray · Mint Green

HEX
#D4E5C7
RGB
rgb(212, 229, 199)
HSL
hsl(94, 37%, 84%)
HSB
hsb(94, 13%, 90%)
CMYK
cmyk(7%, 0%, 13%, 10%)
Oklch
oklch(90.1% 0.044 131.5)

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

#9ED9B8

Celadon · Silver · Apple Green

HEX
#9ED9B8
RGB
rgb(158, 217, 184)
HSL
hsl(146, 44%, 74%)
HSB
hsb(146, 27%, 85%)
CMYK
cmyk(27%, 0%, 15%, 15%)
Oklch
oklch(83.6% 0.076 159.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

542C3D
2C5443

Analogous

542C50
542C3D
542F2C

Triadic

542C3D
3C542C
2C3C54

Split-Comp.

542C3D
2C542F
2C5054

Tetradic

542C3D
50542C
2C5443
2F2C54

Contrast Matrix WCAG 2.1 Contrast

542C3D
E394A7
DBBC6B
D4E5C7
9ED9B8
—
5.0
AA
6.3
AA
8.8
AAA
7.2
AAA
5.0
AA
—
1.3
Fail
1.7
Fail
1.4
Fail
6.3
AA
1.3
Fail
—
1.4
Fail
1.1
Fail
8.8
AAA
1.7
Fail
1.4
Fail
—
1.2
Fail
7.2
AAA
1.4
Fail
1.1
Fail
1.2
Fail
—
White BG
11.6AAA
2.3Fail
1.8Fail
1.3Fail
1.6Fail
Black BG
1.8Fail
9.1AAA
11.4AAA
15.8AAA
13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

434239
C1C0A2
CECD7F
DBDCCE
B8B8C0

Deuteranopia

454838
C5CBA1
CFD283
DAD9D0
B4B0C2

Tritanopia

523635
DF9F9E
D98E91
D5D4D5
A1C6C8

Achromatopsia

3A3A3A
AEAEAE
BCBCBC
DCDCDC
C4C4C4

Shades & Tints Shades & Tints

#542C3D

Dark
Light

#E394A7

Dark
Light

#DBBC6B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #542c3d;
  --color-2: #e394a7;
  --color-3: #dbbc6b;
  --color-4: #d4e5c7;
  --color-5: #9ed9b8;
}

SCSS

$color-1: #542c3d;
$color-2: #e394a7;
$color-3: #dbbc6b;
$color-4: #d4e5c7;
$color-5: #9ed9b8;

TAILWIND

colors: {
  'brand-1': '#542c3d',
  'brand-2': '#e394a7',
  'brand-3': '#dbbc6b',
  'brand-4': '#d4e5c7',
  'brand-5': '#9ed9b8',
}

RGB Array

[84, 44, 61], [227, 148, 167], [219, 188, 107], [212, 229, 199], [158, 217, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #542C3D, #E394A7, #DBBC6B, #D4E5C7, #9ED9B8 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: #542c3d; --color-2: #e394a7; --color-3: #dbbc6b; --color-4: #d4e5c7; --color-5: #9ed9b8. 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