← Back to Editor

#ECD081 · #D95B51 · #C02940 · #542430 · #53777D

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#ECD081

Goose Yellow · Khaki · Sunflower

HEX
#ECD081
RGB
rgb(236, 208, 129)
HSL
hsl(44, 74%, 72%)
HSB
hsb(44, 45%, 93%)
CMYK
cmyk(0%, 12%, 45%, 7%)
Oklch
oklch(86.4% 0.103 90.6)

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

#D95B51

Vermilion · Tomato · Passion Red

HEX
#D95B51
RGB
rgb(217, 91, 81)
HSL
hsl(4, 64%, 58%)
HSB
hsb(4, 63%, 85%)
CMYK
cmyk(0%, 58%, 63%, 15%)
Oklch
oklch(63.0% 0.161 27.2)

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

#C02940

Vermilion · FireBrick · Passion Red

HEX
#C02940
RGB
rgb(192, 41, 64)
HSL
hsl(351, 65%, 46%)
HSB
hsb(351, 79%, 75%)
CMYK
cmyk(0%, 79%, 67%, 25%)
Oklch
oklch(53.2% 0.185 18.6)

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

#542430

Crimson · DarkSlateGray · Wine Red

HEX
#542430
RGB
rgb(84, 36, 48)
HSL
hsl(345, 40%, 24%)
HSB
hsb(345, 57%, 33%)
CMYK
cmyk(0%, 57%, 43%, 67%)
Oklch
oklch(33.2% 0.073 6.1)

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

#53777D

Slate Blue · DimGray · Mint Ice

HEX
#53777D
RGB
rgb(83, 119, 125)
HSL
hsl(189, 20%, 41%)
HSB
hsb(189, 34%, 49%)
CMYK
cmyk(34%, 5%, 0%, 51%)
Oklch
oklch(54.4% 0.042 208.9)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ECD081
839FEC

Analogous

EC9B83
ECD081
D4EC83

Triadic

ECD081
83ECD0
D083EC

Split-Comp.

ECD081
83D4EC
9B83EC

Tetradic

ECD081
83EC9B
839FEC
EC83D4

Contrast Matrix WCAG 2.1 Contrast

ECD081
D95B51
C02940
542430
53777D
—
2.5
Fail
3.8
AA Large
8.3
AAA
3.2
AA Large
2.5
Fail
—
1.5
Fail
3.3
AA Large
1.3
Fail
3.8
AA Large
1.5
Fail
—
2.2
Fail
1.2
Fail
8.3
AAA
3.3
AA Large
2.2
Fail
—
2.6
Fail
3.2
AA Large
1.3
Fail
1.2
Fail
2.6
Fail
—
White BG
1.5Fail
3.8AA Large
5.8AA
12.6AAA
4.9AA
Black BG
13.9AAA
5.6AA
3.6AA Large
1.7Fail
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E094
A2A153
7F7D3A
3F3F2D
63637C

Deuteranopia

E2E499
AAB354
879339
42462C
615E7B

Tritanopia

EBA3A7
D35556
B83635
522B2A
557A7A

Achromatopsia

CFCFCF
808080
595959
343434
6D6D6D

Shades & Tints Shades & Tints

#ECD081

Dark
Light

#D95B51

Dark
Light

#C02940

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ecd081;
  --color-2: #d95b51;
  --color-3: #c02940;
  --color-4: #542430;
  --color-5: #53777d;
}

SCSS

$color-1: #ecd081;
$color-2: #d95b51;
$color-3: #c02940;
$color-4: #542430;
$color-5: #53777d;

TAILWIND

colors: {
  'brand-1': '#ecd081',
  'brand-2': '#d95b51',
  'brand-3': '#c02940',
  'brand-4': '#542430',
  'brand-5': '#53777d',
}

RGB Array

[236, 208, 129], [217, 91, 81], [192, 41, 64], [84, 36, 48], [83, 119, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #ECD081, #D95B51, #C02940, #542430, #53777D 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: #ecd081; --color-2: #d95b51; --color-3: #c02940; --color-4: #542430; --color-5: #53777d. 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