← Back to Editor

#C9D2BD · #DA2864 · #EA555B · #F4A24C · #62CEC1

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 PostIllustration

Color Details Color Details

#C9D2BD

Willow Green · Silver · Apple Green

HEX
#C9D2BD
RGB
rgb(201, 210, 189)
HSL
hsl(86, 19%, 78%)
HSB
hsb(86, 10%, 82%)
CMYK
cmyk(4%, 0%, 10%, 18%)
Oklch
oklch(85.1% 0.030 126.0)

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

#DA2864

Dark Violet · MediumVioletRed · Rose Pink

HEX
#DA2864
RGB
rgb(218, 40, 100)
HSL
hsl(340, 71%, 51%)
HSB
hsb(340, 82%, 85%)
CMYK
cmyk(0%, 82%, 54%, 15%)
Oklch
oklch(58.5% 0.212 7.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#EA555B

Peach Pink · Tomato · Coral Red

HEX
#EA555B
RGB
rgb(234, 85, 91)
HSL
hsl(358, 78%, 63%)
HSB
hsb(358, 64%, 92%)
CMYK
cmyk(0%, 64%, 61%, 8%)
Oklch
oklch(65.0% 0.184 21.5)

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

#F4A24C

Ginger · SandyBrown · Warm Sun

HEX
#F4A24C
RGB
rgb(244, 162, 76)
HSL
hsl(31, 88%, 63%)
HSB
hsb(31, 69%, 96%)
CMYK
cmyk(0%, 34%, 69%, 4%)
Oklch
oklch(77.8% 0.140 64.3)

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

#62CEC1

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#62CEC1
RGB
rgb(98, 206, 193)
HSL
hsl(173, 52%, 60%)
HSB
hsb(173, 52%, 81%)
CMYK
cmyk(52%, 0%, 6%, 19%)
Oklch
oklch(78.4% 0.102 184.9)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9D2BD
C5BCD2

Analogous

D2D0BC
C9D2BD
BED2BC

Triadic

C9D2BD
BCC8D2
D2BCC8

Split-Comp.

C9D2BD
BCBED2
D0BCD2

Tetradic

C9D2BD
BCD2D0
C5BCD2
D2BCBE

Contrast Matrix WCAG 2.1 Contrast

C9D2BD
DA2864
EA555B
F4A24C
62CEC1
—
3.0
AA Large
2.3
Fail
1.3
Fail
1.2
Fail
3.0
AA Large
—
1.3
Fail
2.3
Fail
2.5
Fail
2.3
Fail
1.3
Fail
—
1.7
Fail
1.9
Fail
1.3
Fail
2.3
Fail
1.7
Fail
—
1.1
Fail
1.2
Fail
2.5
Fail
1.9
Fail
1.1
Fail
—
White BG
1.6Fail
4.7AA
3.5AA Large
2.1Fail
1.9Fail
Black BG
13.4AAA
4.5AA Large
5.9AA
10.1AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCDC2
8D8B55
A9A85A
D0D061
9192C4

Deuteranopia

CCCCC3
97A552
B2BD59
D5DB66
8B82C5

Tritanopia

C9C6C7
D14A48
E35858
F07175
67C7C7

Achromatopsia

CDCDCD
646464
828282
B1B1B1
ACACAC

Shades & Tints Shades & Tints

#C9D2BD

Dark
Light

#DA2864

Dark
Light

#EA555B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9d2bd;
  --color-2: #da2864;
  --color-3: #ea555b;
  --color-4: #f4a24c;
  --color-5: #62cec1;
}

SCSS

$color-1: #c9d2bd;
$color-2: #da2864;
$color-3: #ea555b;
$color-4: #f4a24c;
$color-5: #62cec1;

TAILWIND

colors: {
  'brand-1': '#c9d2bd',
  'brand-2': '#da2864',
  'brand-3': '#ea555b',
  'brand-4': '#f4a24c',
  'brand-5': '#62cec1',
}

RGB Array

[201, 210, 189], [218, 40, 100], [234, 85, 91], [244, 162, 76], [98, 206, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #C9D2BD, #DA2864, #EA555B, #F4A24C, #62CEC1 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: #c9d2bd; --color-2: #da2864; --color-3: #ea555b; --color-4: #f4a24c; --color-5: #62cec1. 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