← Back to Editor

#423636 · #FFFCCE · #82C33C · #FD1569 · #FFB1B4

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

#423636

Crimson · DarkSlateGray · Wine Red

HEX
#423636
RGB
rgb(66, 54, 54)
HSL
hsl(0, 10%, 24%)
HSB
hsb(0, 18%, 26%)
CMYK
cmyk(0%, 18%, 18%, 74%)
Oklch
oklch(34.6% 0.017 18.0)

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

#FFFCCE

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFCCE
RGB
rgb(255, 252, 206)
HSL
hsl(56, 100%, 90%)
HSB
hsb(56, 19%, 100%)
CMYK
cmyk(0%, 1%, 19%, 0%)
Oklch
oklch(98.2% 0.059 104.3)

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

#82C33C

Grass Green · GreenYellow · Olive Green

HEX
#82C33C
RGB
rgb(130, 195, 60)
HSL
hsl(89, 53%, 50%)
HSB
hsb(89, 69%, 76%)
CMYK
cmyk(33%, 0%, 69%, 24%)
Oklch
oklch(74.7% 0.177 131.8)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#FD1569

Dark Violet · DeepPink · Rose Pink

HEX
#FD1569
RGB
rgb(253, 21, 105)
HSL
hsl(338, 98%, 54%)
HSB
hsb(338, 92%, 99%)
CMYK
cmyk(0%, 92%, 58%, 1%)
Oklch
oklch(64.0% 0.249 9.9)

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

#FFB1B4

Peach Pink · LightPink · Cherry Blossom

HEX
#FFB1B4
RGB
rgb(255, 177, 180)
HSL
hsl(358, 100%, 85%)
HSB
hsb(358, 31%, 100%)
CMYK
cmyk(0%, 31%, 29%, 0%)
Oklch
oklch(83.5% 0.092 16.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

423636
374343

Analogous

43373D
423636
433D37

Triadic

423636
374337
373743

Split-Comp.

423636
37433D
373D43

Tetradic

423636
3D4337
374343
3D3743

Contrast Matrix WCAG 2.1 Contrast

423636
FFFCCE
82C33C
FD1569
FFB1B4
—
11.1
AAA
5.4
AA
3.0
AA Large
6.7
AA
11.1
AAA
—
2.0
Fail
3.7
AA Large
1.6
Fail
5.4
AA
2.0
Fail
—
1.8
Fail
1.2
Fail
3.0
AA Large
3.7
AA Large
1.8
Fail
—
2.2
Fail
6.7
AA
1.6
Fail
1.2
Fail
2.2
Fail
—
White BG
11.6AAA
1.0Fail
2.1Fail
3.8AA Large
1.7Fail
Black BG
1.8Fail
20.1AAA
9.8AAA
5.5AA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3D3D36
FEFED9
9E9F5D
999655
DDDDB3

Deuteranopia

3E3E36
FEFEDC
9A9665
A6B750
E2E8B3

Tritanopia

413636
FFE2E4
85767C
F14541
FBB3B3

Achromatopsia

3A3A3A
F8F8F8
A0A0A0
646464
C9C9C9

Shades & Tints Shades & Tints

#423636

Dark
Light

#FFFCCE

Dark
Light

#82C33C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #423636;
  --color-2: #fffcce;
  --color-3: #82c33c;
  --color-4: #fd1569;
  --color-5: #ffb1b4;
}

SCSS

$color-1: #423636;
$color-2: #fffcce;
$color-3: #82c33c;
$color-4: #fd1569;
$color-5: #ffb1b4;

TAILWIND

colors: {
  'brand-1': '#423636',
  'brand-2': '#fffcce',
  'brand-3': '#82c33c',
  'brand-4': '#fd1569',
  'brand-5': '#ffb1b4',
}

RGB Array

[66, 54, 54], [255, 252, 206], [130, 195, 60], [253, 21, 105], [255, 177, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #423636, #FFFCCE, #82C33C, #FD1569, #FFB1B4 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: #423636; --color-2: #fffcce; --color-3: #82c33c; --color-4: #fd1569; --color-5: #ffb1b4. 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