← Back to Editor

#2E001A · #520024 · #7D0044 · #776115 · #CFBB7C

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

#2E001A

Rose Purple · Black · Raspberry

HEX
#2E001A
RGB
rgb(46, 0, 26)
HSL
hsl(326, 100%, 9%)
HSB
hsb(326, 100%, 18%)
CMYK
cmyk(0%, 100%, 43%, 82%)
Oklch
oklch(19.8% 0.082 351.1)

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

#520024

Dark Violet · Maroon · Raspberry

HEX
#520024
RGB
rgb(82, 0, 36)
HSL
hsl(334, 100%, 16%)
HSB
hsb(334, 100%, 32%)
CMYK
cmyk(0%, 100%, 56%, 68%)
Oklch
oklch(28.3% 0.114 3.1)

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

#7D0044

Rose Purple · Purple · Raspberry

HEX
#7D0044
RGB
rgb(125, 0, 68)
HSL
hsl(327, 100%, 25%)
HSB
hsb(327, 100%, 49%)
CMYK
cmyk(0%, 100%, 46%, 51%)
Oklch
oklch(38.4% 0.157 357.3)

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

#776115

Ochre · Olive · Honey Gold

HEX
#776115
RGB
rgb(119, 97, 21)
HSL
hsl(47, 70%, 27%)
HSB
hsb(47, 82%, 47%)
CMYK
cmyk(0%, 18%, 82%, 53%)
Oklch
oklch(50.1% 0.094 91.6)

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

#CFBB7C

Ginger · Tan · Sunflower

HEX
#CFBB7C
RGB
rgb(207, 187, 124)
HSL
hsl(46, 46%, 65%)
HSB
hsb(46, 40%, 81%)
CMYK
cmyk(0%, 10%, 40%, 19%)
Oklch
oklch(79.5% 0.085 92.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2E001A
002E14

Analogous

2B002E
2E001A
2E0003

Triadic

2E001A
1A2E00
001A2E

Split-Comp.

2E001A
032E00
002E2B

Tetradic

2E001A
2E2B00
002E14
00032E

Contrast Matrix WCAG 2.1 Contrast

2E001A
520024
7D0044
776115
CFBB7C
—
1.2
Fail
1.7
Fail
3.1
AA Large
9.8
AAA
1.2
Fail
—
1.4
Fail
2.5
Fail
8.0
AAA
1.7
Fail
1.4
Fail
—
1.8
Fail
5.7
AA
3.1
AA Large
2.5
Fail
1.8
Fail
—
3.2
AA Large
9.8
AAA
8.0
AAA
5.7
AA
3.2
AA Large
—
White BG
18.6AAA
15.2AAA
10.7AAA
6.0AA
1.9Fail
Black BG
1.1Fail
1.4Fail
2.0Fail
3.5AA Large
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1A1A14
2E2E1B
474634
6D6D27
C6C68B

Deuteranopia

1D2012
333919
4E5830
6F702C
C8C98F

Tritanopia

2C0F0E
4E1413
772724
763639
CE979A

Achromatopsia

111111
1D1D1D
2D2D2D
5F5F5F
BABABA

Shades & Tints Shades & Tints

#2E001A

Dark
Light

#520024

Dark
Light

#7D0044

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2e001a;
  --color-2: #520024;
  --color-3: #7d0044;
  --color-4: #776115;
  --color-5: #cfbb7c;
}

SCSS

$color-1: #2e001a;
$color-2: #520024;
$color-3: #7d0044;
$color-4: #776115;
$color-5: #cfbb7c;

TAILWIND

colors: {
  'brand-1': '#2e001a',
  'brand-2': '#520024',
  'brand-3': '#7d0044',
  'brand-4': '#776115',
  'brand-5': '#cfbb7c',
}

RGB Array

[46, 0, 26], [82, 0, 36], [125, 0, 68], [119, 97, 21], [207, 187, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #2E001A, #520024, #7D0044, #776115, #CFBB7C is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #2e001a; --color-2: #520024; --color-3: #7d0044; --color-4: #776115; --color-5: #cfbb7c. 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. 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