← Back to Editor

#2F1335 · #620E5D · #9D007A · #CE3762 · #FF6E49

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#2F1335

Dark Plum · MidnightBlue · Dark Purple

HEX
#2F1335
RGB
rgb(47, 19, 53)
HSL
hsl(289, 47%, 14%)
HSB
hsb(289, 64%, 21%)
CMYK
cmyk(11%, 64%, 0%, 79%)
Oklch
oklch(24.5% 0.071 320.3)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#620E5D

Rose Purple · Purple · Eggplant

HEX
#620E5D
RGB
rgb(98, 14, 93)
HSL
hsl(304, 75%, 22%)
HSB
hsb(304, 86%, 38%)
CMYK
cmyk(0%, 86%, 5%, 62%)
Oklch
oklch(35.3% 0.146 330.9)

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

#9D007A

Rose Purple · DarkMagenta · Eggplant

HEX
#9D007A
RGB
rgb(157, 0, 122)
HSL
hsl(313, 100%, 31%)
HSB
hsb(313, 100%, 62%)
CMYK
cmyk(0%, 100%, 22%, 38%)
Oklch
oklch(46.8% 0.202 341.4)

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

#CE3762

Dark Violet · MediumVioletRed · Rose Pink

HEX
#CE3762
RGB
rgb(206, 55, 98)
HSL
hsl(343, 61%, 51%)
HSB
hsb(343, 73%, 81%)
CMYK
cmyk(0%, 73%, 52%, 19%)
Oklch
oklch(57.5% 0.188 8.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#FF6E49

Peach Pink · Tomato · Coral Red

HEX
#FF6E49
RGB
rgb(255, 110, 73)
HSL
hsl(12, 100%, 64%)
HSB
hsb(12, 71%, 100%)
CMYK
cmyk(0%, 57%, 71%, 0%)
Oklch
oklch(71.0% 0.185 35.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2F1335
193413

Analogous

1E1334
2F1335
34132A

Triadic

2F1335
342E13
13342E

Split-Comp.

2F1335
2A3413
13341E

Tetradic

2F1335
341E13
193413
132A34

Contrast Matrix WCAG 2.1 Contrast

2F1335
620E5D
9D007A
CE3762
FF6E49
—
1.4
Fail
2.1
Fail
3.4
AA Large
6.0
AA
1.4
Fail
—
1.6
Fail
2.5
Fail
4.4
AA Large
2.1
Fail
1.6
Fail
—
1.6
Fail
2.8
Fail
3.4
AA Large
2.5
Fail
1.6
Fail
—
1.7
Fail
6.0
AA
4.4
AA Large
2.8
Fail
1.7
Fail
—
White BG
16.6AAA
12.1AAA
7.7AAA
4.8AA
2.8Fail
Black BG
1.3Fail
1.7Fail
2.7Fail
4.3AA Large
7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

23232D
3E3D4A
59585C
8D8B58
C0BF52

Deuteranopia

25272B
434945
626E55
95A155
C9D454

Tritanopia

2E2625
5E3B37
954540
C64F4E
F8595B

Achromatopsia

1F1F1F
303030
3D3D3D
696969
959595

Shades & Tints Shades & Tints

#2F1335

Dark
Light

#620E5D

Dark
Light

#9D007A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2f1335;
  --color-2: #620e5d;
  --color-3: #9d007a;
  --color-4: #ce3762;
  --color-5: #ff6e49;
}

SCSS

$color-1: #2f1335;
$color-2: #620e5d;
$color-3: #9d007a;
$color-4: #ce3762;
$color-5: #ff6e49;

TAILWIND

colors: {
  'brand-1': '#2f1335',
  'brand-2': '#620e5d',
  'brand-3': '#9d007a',
  'brand-4': '#ce3762',
  'brand-5': '#ff6e49',
}

RGB Array

[47, 19, 53], [98, 14, 93], [157, 0, 122], [206, 55, 98], [255, 110, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2F1335, #620E5D, #9D007A, #CE3762, #FF6E49 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: #2f1335; --color-2: #620e5d; --color-3: #9d007a; --color-4: #ce3762; --color-5: #ff6e49. 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 general-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