← Back to Editor

#DC284C · #F37561 · #E3B358 · #D3D682 · #B9DAA0

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 PostIllustration

Color Details Color Details

#DC284C

Vermilion · Crimson · Passion Red

HEX
#DC284C
RGB
rgb(220, 40, 76)
HSL
hsl(348, 72%, 51%)
HSB
hsb(348, 82%, 86%)
CMYK
cmyk(0%, 82%, 65%, 14%)
Oklch
oklch(58.3% 0.211 16.9)

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

#F37561

Peach Pink · Salmon · Coral Red

HEX
#F37561
RGB
rgb(243, 117, 97)
HSL
hsl(8, 86%, 67%)
HSB
hsb(8, 60%, 95%)
CMYK
cmyk(0%, 52%, 60%, 5%)
Oklch
oklch(70.6% 0.159 30.7)

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

#E3B358

Ginger · SandyBrown · Warm Sun

HEX
#E3B358
RGB
rgb(227, 179, 88)
HSL
hsl(39, 71%, 62%)
HSB
hsb(39, 61%, 89%)
CMYK
cmyk(0%, 21%, 61%, 11%)
Oklch
oklch(79.3% 0.122 81.4)

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

#D3D682

Fresh Green · BurlyWood · Sunflower

HEX
#D3D682
RGB
rgb(211, 214, 130)
HSL
hsl(62, 51%, 67%)
HSB
hsb(62, 39%, 84%)
CMYK
cmyk(1%, 0%, 39%, 16%)
Oklch
oklch(85.5% 0.107 110.2)

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

#B9DAA0

Celadon · Silver · Apple Green

HEX
#B9DAA0
RGB
rgb(185, 218, 160)
HSL
hsl(94, 44%, 74%)
HSB
hsb(94, 27%, 85%)
CMYK
cmyk(15%, 0%, 27%, 15%)
Oklch
oklch(85.0% 0.085 132.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DC284C
28DCB8

Analogous

DC28A6
DC284C
DC5E28

Triadic

DC284C
4CDC28
284CDC

Split-Comp.

DC284C
28DC5E
28A6DC

Tetradic

DC284C
A6DC28
28DCB8
5E28DC

Contrast Matrix WCAG 2.1 Contrast

DC284C
F37561
E3B358
D3D682
B9DAA0
—
1.7
Fail
2.4
Fail
3.1
AA Large
3.1
AA Large
1.7
Fail
—
1.4
Fail
1.8
Fail
1.8
Fail
2.4
Fail
1.4
Fail
—
1.3
Fail
1.3
Fail
3.1
AA Large
1.8
Fail
1.3
Fail
—
1.0
Fail
3.1
AA Large
1.8
Fail
1.3
Fail
1.0
Fail
—
White BG
4.7AA
2.8Fail
1.9Fail
1.5Fail
1.5Fail
Black BG
4.5AA Large
7.5AAA
10.9AAA
13.7AAA
13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8C43
BCBB66
CECE6E
D4D496
C7C8AE

Deuteranopia

99A641
C4CD67
D1D573
D4D49B
C5C3B1

Tritanopia

D33C3B
ED6A6B
E17F83
D3A6AA
BBB9BC

Achromatopsia

626262
989898
B7B7B7
CCCCCC
CACACA

Shades & Tints Shades & Tints

#DC284C

Dark
Light

#F37561

Dark
Light

#E3B358

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dc284c;
  --color-2: #f37561;
  --color-3: #e3b358;
  --color-4: #d3d682;
  --color-5: #b9daa0;
}

SCSS

$color-1: #dc284c;
$color-2: #f37561;
$color-3: #e3b358;
$color-4: #d3d682;
$color-5: #b9daa0;

TAILWIND

colors: {
  'brand-1': '#dc284c',
  'brand-2': '#f37561',
  'brand-3': '#e3b358',
  'brand-4': '#d3d682',
  'brand-5': '#b9daa0',
}

RGB Array

[220, 40, 76], [243, 117, 97], [227, 179, 88], [211, 214, 130], [185, 218, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #DC284C, #F37561, #E3B358, #D3D682, #B9DAA0 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #dc284c; --color-2: #f37561; --color-3: #e3b358; --color-4: #d3d682; --color-5: #b9daa0. 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. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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