← Back to Editor

#DADAD8 · #FE6196 · #FF2C69 · #1EA49D · #CBE65B

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

#DADAD8

Silver Gray · LightGray · Pearl Gray

HEX
#DADAD8
RGB
rgb(218, 218, 216)
HSL
hsl(60, 3%, 85%)
HSB
hsb(60, 1%, 85%)
CMYK
cmyk(0%, 0%, 1%, 15%)
Oklch
oklch(88.8% 0.003 106.5)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#FE6196

Rouge · LightCoral · Rose Pink

HEX
#FE6196
RGB
rgb(254, 97, 150)
HSL
hsl(340, 99%, 69%)
HSB
hsb(340, 62%, 100%)
CMYK
cmyk(0%, 62%, 41%, 0%)
Oklch
oklch(70.8% 0.196 2.6)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#FF2C69

Dark Violet · DeepPink · Rose Pink

HEX
#FF2C69
RGB
rgb(255, 44, 105)
HSL
hsl(343, 100%, 59%)
HSB
hsb(343, 83%, 100%)
CMYK
cmyk(0%, 83%, 59%, 0%)
Oklch
oklch(65.3% 0.240 11.7)

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

#1EA49D

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#1EA49D
RGB
rgb(30, 164, 157)
HSL
hsl(177, 69%, 38%)
HSB
hsb(177, 82%, 64%)
CMYK
cmyk(82%, 0%, 4%, 36%)
Oklch
oklch(65.1% 0.107 189.3)

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

#CBE65B

Willow Green · GreenYellow · Apple Green

HEX
#CBE65B
RGB
rgb(203, 230, 91)
HSL
hsl(72, 74%, 63%)
HSB
hsb(72, 60%, 90%)
CMYK
cmyk(12%, 0%, 60%, 10%)
Oklch
oklch(87.9% 0.166 119.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DADAD8
D8D8DA

Analogous

DAD9D8
DADAD8
D9DAD8

Triadic

DADAD8
D8DADA
DAD8DA

Split-Comp.

DADAD8
D8D9DA
D9D8DA

Tetradic

DADAD8
D8DAD9
D8D8DA
DAD8D9

Contrast Matrix WCAG 2.1 Contrast

DADAD8
FE6196
FF2C69
1EA49D
CBE65B
—
2.0
Fail
2.6
Fail
2.2
Fail
1.0
Fail
2.0
Fail
—
1.3
Fail
1.1
Fail
2.0
Fail
2.6
Fail
1.3
Fail
—
1.2
Fail
2.6
Fail
2.2
Fail
1.1
Fail
1.2
Fail
—
2.2
Fail
1.0
Fail
2.0
Fail
2.6
Fail
2.2
Fail
—
White BG
1.4Fail
2.9Fail
3.6AA Large
3.1AA Large
1.4Fail
Black BG
15.0AAA
7.4AAA
5.8AA
6.9AA
15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADAD8
BAB989
A4A25A
58599F
D7D77D

Deuteranopia

DADAD9
C3CF86
B0C057
50469F
D5D385

Tritanopia

DAD9D9
F67F7D
F44F4C
25A0A0
CC979D

Achromatopsia

DADADA
969696
727272
7B7B7B
CECECE

Shades & Tints Shades & Tints

#DADAD8

Dark
Light

#FE6196

Dark
Light

#FF2C69

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dadad8;
  --color-2: #fe6196;
  --color-3: #ff2c69;
  --color-4: #1ea49d;
  --color-5: #cbe65b;
}

SCSS

$color-1: #dadad8;
$color-2: #fe6196;
$color-3: #ff2c69;
$color-4: #1ea49d;
$color-5: #cbe65b;

TAILWIND

colors: {
  'brand-1': '#dadad8',
  'brand-2': '#fe6196',
  'brand-3': '#ff2c69',
  'brand-4': '#1ea49d',
  'brand-5': '#cbe65b',
}

RGB Array

[218, 218, 216], [254, 97, 150], [255, 44, 105], [30, 164, 157], [203, 230, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #DADAD8, #FE6196, #FF2C69, #1EA49D, #CBE65B is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #dadad8; --color-2: #fe6196; --color-3: #ff2c69; --color-4: #1ea49d; --color-5: #cbe65b. 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 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