← Back to Editor

#3C2632 · #BB64B3 · #FEE097 · #E1F294 · #F2507F

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

#3C2632

Rose Purple · DarkSlateGray · Raspberry

HEX
#3C2632
RGB
rgb(60, 38, 50)
HSL
hsl(327, 22%, 19%)
HSB
hsb(327, 37%, 24%)
CMYK
cmyk(0%, 37%, 17%, 76%)
Oklch
oklch(30.0% 0.038 345.8)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#BB64B3

Rose Purple · MediumOrchid · Violet

HEX
#BB64B3
RGB
rgb(187, 100, 179)
HSL
hsl(306, 39%, 56%)
HSB
hsb(306, 47%, 73%)
CMYK
cmyk(0%, 47%, 4%, 27%)
Oklch
oklch(63.1% 0.149 330.7)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#FEE097

Goose Yellow · Khaki · Lemon Cream

HEX
#FEE097
RGB
rgb(254, 224, 151)
HSL
hsl(43, 98%, 79%)
HSB
hsb(43, 41%, 100%)
CMYK
cmyk(0%, 12%, 41%, 0%)
Oklch
oklch(91.5% 0.097 88.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E1F294

Willow Green · Khaki · Apple Green

HEX
#E1F294
RGB
rgb(225, 242, 148)
HSL
hsl(71, 78%, 76%)
HSB
hsb(71, 39%, 95%)
CMYK
cmyk(7%, 0%, 39%, 5%)
Oklch
oklch(92.8% 0.119 117.2)

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

#F2507F

Rouge · LightCoral · Rose Pink

HEX
#F2507F
RGB
rgb(242, 80, 127)
HSL
hsl(343, 86%, 63%)
HSB
hsb(343, 67%, 95%)
CMYK
cmyk(0%, 67%, 48%, 5%)
Oklch
oklch(66.5% 0.200 6.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3C2632
263B2F

Analogous

3A263B
3C2632
3B2627

Triadic

3C2632
323B26
26323B

Split-Comp.

3C2632
273B26
263B3A

Tetradic

3C2632
3B3A26
263B2F
26273B

Contrast Matrix WCAG 2.1 Contrast

3C2632
BB64B3
FEE097
E1F294
F2507F
—
3.7
AA Large
10.8
AAA
11.4
AAA
4.1
AA Large
3.7
AA Large
—
2.9
Fail
3.1
AA Large
1.1
Fail
10.8
AAA
2.9
Fail
—
1.1
Fail
2.6
Fail
11.4
AAA
3.1
AA Large
1.1
Fail
—
2.8
Fail
4.1
AA Large
1.1
Fail
2.6
Fail
2.8
Fail
—
White BG
13.9AAA
3.8AA Large
1.3Fail
1.2Fail
3.4AA Large
Black BG
1.5Fail
5.6AA
16.3AAA
17.3AAA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

32322F
9595A0
F1F1A9
E8E9AB
ACAA74

Deuteranopia

34352E
9AA19B
F3F5AD
E7E6B0
B5C171

Tritanopia

3B2D2C
B7918D
FCB7BA
E2BDC1
EA6B69

Achromatopsia

2E2E2E
878787
E1E1E1
E2E2E2
868686

Shades & Tints Shades & Tints

#3C2632

Dark
Light

#BB64B3

Dark
Light

#FEE097

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3c2632;
  --color-2: #bb64b3;
  --color-3: #fee097;
  --color-4: #e1f294;
  --color-5: #f2507f;
}

SCSS

$color-1: #3c2632;
$color-2: #bb64b3;
$color-3: #fee097;
$color-4: #e1f294;
$color-5: #f2507f;

TAILWIND

colors: {
  'brand-1': '#3c2632',
  'brand-2': '#bb64b3',
  'brand-3': '#fee097',
  'brand-4': '#e1f294',
  'brand-5': '#f2507f',
}

RGB Array

[60, 38, 50], [187, 100, 179], [254, 224, 151], [225, 242, 148], [242, 80, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #3C2632, #BB64B3, #FEE097, #E1F294, #F2507F 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: #3c2632; --color-2: #bb64b3; --color-3: #fee097; --color-4: #e1f294; --color-5: #f2507f. 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