← Back to Editor

#3E3B43 · #C8B100 · #0C9FA6 · #B41DFD · #DD0093

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

#3E3B43

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#3E3B43
RGB
rgb(62, 59, 67)
HSL
hsl(263, 6%, 25%)
HSB
hsb(263, 12%, 26%)
CMYK
cmyk(7%, 12%, 0%, 74%)
Oklch
oklch(35.8% 0.014 302.7)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#C8B100

Autumn Sage · GoldenRod · Honey Gold

HEX
#C8B100
RGB
rgb(200, 177, 0)
HSL
hsl(53, 100%, 39%)
HSB
hsb(53, 100%, 78%)
CMYK
cmyk(0%, 12%, 100%, 22%)
Oklch
oklch(75.7% 0.157 99.9)

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

#0C9FA6

Lake Blue · LightSeaGreen · Mint Ice

HEX
#0C9FA6
RGB
rgb(12, 159, 166)
HSL
hsl(183, 87%, 35%)
HSB
hsb(183, 93%, 65%)
CMYK
cmyk(93%, 4%, 0%, 35%)
Oklch
oklch(63.9% 0.107 200.4)

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

#B41DFD

Royal Purple · DarkOrchid · Violet

HEX
#B41DFD
RGB
rgb(180, 29, 253)
HSL
hsl(280, 98%, 55%)
HSB
hsb(280, 89%, 99%)
CMYK
cmyk(29%, 89%, 0%, 1%)
Oklch
oklch(60.0% 0.291 309.8)

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

#DD0093

Rose Purple · MediumVioletRed · Camellia

HEX
#DD0093
RGB
rgb(221, 0, 147)
HSL
hsl(320, 100%, 43%)
HSB
hsb(320, 100%, 87%)
CMYK
cmyk(0%, 100%, 33%, 13%)
Oklch
oklch(59.2% 0.247 349.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3E3B43
41443C

Analogous

3C3D44
3E3B43
433C44

Triadic

3E3B43
443F3C
3C443F

Split-Comp.

3E3B43
44433C
3D443C

Tetradic

3E3B43
443C3D
41443C
3C4443

Contrast Matrix WCAG 2.1 Contrast

3E3B43
C8B100
0C9FA6
B41DFD
DD0093
—
5.1
AA
3.4
AA Large
2.4
Fail
2.4
Fail
5.1
AA
—
1.5
Fail
2.1
Fail
2.2
Fail
3.4
AA Large
1.5
Fail
—
1.4
Fail
1.5
Fail
2.4
Fail
2.1
Fail
1.4
Fail
—
1.0
Fail
2.4
Fail
2.2
Fail
1.5
Fail
1.0
Fail
—
White BG
11.0AAA
2.2Fail
3.2AA Large
4.6AA
4.7AA
Black BG
1.9Fail
9.7AAA
6.5AA
4.5AA
4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

3D3D41
BEBE2B
4C4DA4
7371C7
7D7B6F

Deuteranopia

3D3D41
BFC135
4338A4
7B87BA
8A9B67

Tritanopia

3E403F
C74D54
13A3A3
AC9C93
D2534D

Achromatopsia

3D3D3D
A4A4A4
747474
646464
535353

Shades & Tints Shades & Tints

#3E3B43

Dark
Light

#C8B100

Dark
Light

#0C9FA6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3e3b43;
  --color-2: #c8b100;
  --color-3: #0c9fa6;
  --color-4: #b41dfd;
  --color-5: #dd0093;
}

SCSS

$color-1: #3e3b43;
$color-2: #c8b100;
$color-3: #0c9fa6;
$color-4: #b41dfd;
$color-5: #dd0093;

TAILWIND

colors: {
  'brand-1': '#3e3b43',
  'brand-2': '#c8b100',
  'brand-3': '#0c9fa6',
  'brand-4': '#b41dfd',
  'brand-5': '#dd0093',
}

RGB Array

[62, 59, 67], [200, 177, 0], [12, 159, 166], [180, 29, 253], [221, 0, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #3E3B43, #C8B100, #0C9FA6, #B41DFD, #DD0093 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: #3e3b43; --color-2: #c8b100; --color-3: #0c9fa6; --color-4: #b41dfd; --color-5: #dd0093. 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