← Back to Editor

#4C4F25 · #5E00F5 · #5C00CC · #5200A3 · #4F4725

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

#4C4F25

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#4C4F25
RGB
rgb(76, 79, 37)
HSL
hsl(64, 36%, 23%)
HSB
hsb(64, 53%, 31%)
CMYK
cmyk(4%, 0%, 53%, 69%)
Oklch
oklch(41.4% 0.062 112.4)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#5E00F5

Deep Indigo · DarkViolet · Violet

HEX
#5E00F5
RGB
rgb(94, 0, 245)
HSL
hsl(263, 100%, 48%)
HSB
hsb(263, 100%, 96%)
CMYK
cmyk(62%, 100%, 0%, 4%)
Oklch
oklch(48.5% 0.285 284.1)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#5C00CC

Deep Indigo · DarkViolet · Eggplant

HEX
#5C00CC
RGB
rgb(92, 0, 204)
HSL
hsl(267, 100%, 40%)
HSB
hsb(267, 100%, 80%)
CMYK
cmyk(55%, 100%, 0%, 20%)
Oklch
oklch(43.8% 0.248 290.3)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#5200A3

Royal Purple · Purple · Eggplant

HEX
#5200A3
RGB
rgb(82, 0, 163)
HSL
hsl(270, 100%, 32%)
HSB
hsb(270, 100%, 64%)
CMYK
cmyk(50%, 100%, 0%, 36%)
Oklch
oklch(38.3% 0.210 295.2)

Traditional「Royal Purple」· Paint「Eggplant」· Creative Blush Sunrise

#4F4725

Ochre · DarkOliveGreen · Amber Gold

HEX
#4F4725
RGB
rgb(79, 71, 37)
HSL
hsl(49, 36%, 23%)
HSB
hsb(49, 53%, 31%)
CMYK
cmyk(0%, 10%, 53%, 69%)
Oklch
oklch(39.7% 0.052 96.5)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4C4F25
282650

Analogous

503D26
4C4F25
385026

Triadic

4C4F25
264D50
50264D

Split-Comp.

4C4F25
263850
3D2650

Tetradic

4C4F25
26503D
282650
502638

Contrast Matrix WCAG 2.1 Contrast

4C4F25
5E00F5
5C00CC
5200A3
4F4725
—
1.1
Fail
1.1
Fail
1.3
Fail
1.1
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
1.2
Fail
1.1
Fail
1.2
Fail
—
1.2
Fail
1.0
Fail
1.3
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
1.1
Fail
1.2
Fail
1.0
Fail
1.2
Fail
—
White BG
8.6AAA
7.5AAA
9.0AAA
11.1AAA
9.3AAA
Black BG
2.5Fail
2.8Fail
2.3Fail
1.9Fail
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4D4D2F
3534BA
34339B
2E2E7C
4C4B2D

Deuteranopia

4D4D32
3B42AC
3A408F
333972
4C4D2F

Tritanopia

4C3739
598B81
57746B
4E5C56
4F3435

Achromatopsia

494949
383838
333333
2B2B2B
464646

Shades & Tints Shades & Tints

#4C4F25

Dark
Light

#5E00F5

Dark
Light

#5C00CC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4c4f25;
  --color-2: #5e00f5;
  --color-3: #5c00cc;
  --color-4: #5200a3;
  --color-5: #4f4725;
}

SCSS

$color-1: #4c4f25;
$color-2: #5e00f5;
$color-3: #5c00cc;
$color-4: #5200a3;
$color-5: #4f4725;

TAILWIND

colors: {
  'brand-1': '#4c4f25',
  'brand-2': '#5e00f5',
  'brand-3': '#5c00cc',
  'brand-4': '#5200a3',
  'brand-5': '#4f4725',
}

RGB Array

[76, 79, 37], [94, 0, 245], [92, 0, 204], [82, 0, 163], [79, 71, 37]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #4C4F25, #5E00F5, #5C00CC, #5200A3, #4F4725 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #4c4f25; --color-2: #5e00f5; --color-3: #5c00cc; --color-4: #5200a3; --color-5: #4f4725. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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