← Back to Editor

#3C252F · #F55F82 · #F5ADAE · #F2C6A9 · #ACECDB

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

#3C252F

Dark Violet · DarkSlateGray · Raspberry

HEX
#3C252F
RGB
rgb(60, 37, 47)
HSL
hsl(334, 24%, 19%)
HSB
hsb(334, 38%, 24%)
CMYK
cmyk(0%, 38%, 22%, 76%)
Oklch
oklch(29.7% 0.038 352.0)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#F55F82

Peach Pink · LightCoral · Coral Red

HEX
#F55F82
RGB
rgb(245, 95, 130)
HSL
hsl(346, 88%, 67%)
HSB
hsb(346, 61%, 96%)
CMYK
cmyk(0%, 61%, 47%, 4%)
Oklch
oklch(68.7% 0.185 9.1)

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

#F5ADAE

Peach Pink · LightPink · Cherry Blossom

HEX
#F5ADAE
RGB
rgb(245, 173, 174)
HSL
hsl(359, 78%, 82%)
HSB
hsb(359, 29%, 96%)
CMYK
cmyk(0%, 29%, 29%, 4%)
Oklch
oklch(81.6% 0.085 18.2)

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

#F2C6A9

Apricot · Wheat · Peach Orange

HEX
#F2C6A9
RGB
rgb(242, 198, 169)
HSL
hsl(24, 74%, 81%)
HSB
hsb(24, 30%, 95%)
CMYK
cmyk(0%, 18%, 30%, 5%)
Oklch
oklch(85.8% 0.064 55.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#ACECDB

Jade · LightBlue · Glacier Blue

HEX
#ACECDB
RGB
rgb(172, 236, 219)
HSL
hsl(164, 63%, 80%)
HSB
hsb(164, 27%, 93%)
CMYK
cmyk(27%, 0%, 7%, 7%)
Oklch
oklch(89.5% 0.069 176.4)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3C252F
253C32

Analogous

3C253B
3C252F
3C2625

Triadic

3C252F
2F3C25
252F3C

Split-Comp.

3C252F
253C26
253B3C

Tetradic

3C252F
3B3C25
253C32
26253C

Contrast Matrix WCAG 2.1 Contrast

3C252F
F55F82
F5ADAE
F2C6A9
ACECDB
—
4.6
AA
7.7
AAA
9.0
AAA
10.5
AAA
4.6
AA
—
1.7
Fail
2.0
Fail
2.3
Fail
7.7
AAA
1.7
Fail
—
1.2
Fail
1.4
Fail
9.0
AAA
2.0
Fail
1.2
Fail
—
1.2
Fail
10.5
AAA
2.3
Fail
1.4
Fail
1.2
Fail
—
White BG
14.0AAA
3.1AA Large
1.8Fail
1.6Fail
1.3Fail
Black BG
1.5Fail
6.8AA
11.5AAA
13.4AAA
15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

32322D
B4B37A
D6D5AE
DFDFB0
C8C8DF

Deuteranopia

33352C
BDC878
DADFAE
E2E5B2
C4BFE0

Tritanopia

3B2B2A
EE7371
F1AEAE
F0B6B7
AFE2E3

Achromatopsia

2D2D2D
909090
C3C3C3
D0D0D0
D7D7D7

Shades & Tints Shades & Tints

#3C252F

Dark
Light

#F55F82

Dark
Light

#F5ADAE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3c252f;
  --color-2: #f55f82;
  --color-3: #f5adae;
  --color-4: #f2c6a9;
  --color-5: #acecdb;
}

SCSS

$color-1: #3c252f;
$color-2: #f55f82;
$color-3: #f5adae;
$color-4: #f2c6a9;
$color-5: #acecdb;

TAILWIND

colors: {
  'brand-1': '#3c252f',
  'brand-2': '#f55f82',
  'brand-3': '#f5adae',
  'brand-4': '#f2c6a9',
  'brand-5': '#acecdb',
}

RGB Array

[60, 37, 47], [245, 95, 130], [245, 173, 174], [242, 198, 169], [172, 236, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #3C252F, #F55F82, #F5ADAE, #F2C6A9, #ACECDB is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #3c252f; --color-2: #f55f82; --color-3: #f5adae; --color-4: #f2c6a9; --color-5: #acecdb. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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