← Back to Editor

#25303F · #57213E · #99124D · #CC044C · #FD054B

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#25303F

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#25303F
RGB
rgb(37, 48, 63)
HSL
hsl(215, 26%, 20%)
HSB
hsb(215, 41%, 25%)
CMYK
cmyk(41%, 24%, 0%, 75%)
Oklch
oklch(30.6% 0.031 256.3)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#57213E

Rose Purple · DarkSlateGray · Raspberry

HEX
#57213E
RGB
rgb(87, 33, 62)
HSL
hsl(328, 45%, 24%)
HSB
hsb(328, 62%, 34%)
CMYK
cmyk(0%, 62%, 29%, 66%)
Oklch
oklch(33.7% 0.088 349.5)

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

#99124D

Dark Violet · Brown · Camellia

HEX
#99124D
RGB
rgb(153, 18, 77)
HSL
hsl(334, 79%, 34%)
HSB
hsb(334, 88%, 60%)
CMYK
cmyk(0%, 88%, 50%, 40%)
Oklch
oklch(44.8% 0.170 2.3)

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

#CC044C

Dark Violet · Crimson · Camellia

HEX
#CC044C
RGB
rgb(204, 4, 76)
HSL
hsl(338, 96%, 41%)
HSB
hsb(338, 98%, 80%)
CMYK
cmyk(0%, 98%, 63%, 20%)
Oklch
oklch(54.0% 0.214 12.2)

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

#FD054B

Dark Violet · Crimson · Rose Pink

HEX
#FD054B
RGB
rgb(253, 5, 75)
HSL
hsl(343, 98%, 51%)
HSB
hsb(343, 98%, 99%)
CMYK
cmyk(0%, 98%, 70%, 1%)
Oklch
oklch(63.1% 0.251 18.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

25303F
403526

Analogous

263E40
25303F
282640

Triadic

25303F
402631
314026

Split-Comp.

25303F
402826
3E4026

Tetradic

25303F
40263E
403526
264028

Contrast Matrix WCAG 2.1 Contrast

25303F
57213E
99124D
CC044C
FD054B
—
1.1
Fail
1.6
Fail
2.3
Fail
3.4
AA Large
1.1
Fail
—
1.5
Fail
2.2
Fail
3.1
AA Large
1.6
Fail
1.5
Fail
—
1.4
Fail
2.1
Fail
2.3
Fail
2.2
Fail
1.4
Fail
—
1.4
Fail
3.4
AA Large
3.1
AA Large
2.1
Fail
1.4
Fail
—
White BG
13.3AAA
12.4AAA
8.2AAA
5.7AA
4.0AA Large
Black BG
1.6Fail
1.7Fail
2.5Fail
3.7AA Large
5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2A2A3B
403F37
5F5D3F
75743B
928F3A

Deuteranopia

29283A
434735
66713B
819036
A0B336

Tritanopia

263938
543130
923331
C22D2A
F12D2A

Achromatopsia

2E2E2E
343434
414141
484848
575757

Shades & Tints Shades & Tints

#25303F

Dark
Light

#57213E

Dark
Light

#99124D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #25303f;
  --color-2: #57213e;
  --color-3: #99124d;
  --color-4: #cc044c;
  --color-5: #fd054b;
}

SCSS

$color-1: #25303f;
$color-2: #57213e;
$color-3: #99124d;
$color-4: #cc044c;
$color-5: #fd054b;

TAILWIND

colors: {
  'brand-1': '#25303f',
  'brand-2': '#57213e',
  'brand-3': '#99124d',
  'brand-4': '#cc044c',
  'brand-5': '#fd054b',
}

RGB Array

[37, 48, 63], [87, 33, 62], [153, 18, 77], [204, 4, 76], [253, 5, 75]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #25303F, #57213E, #99124D, #CC044C, #FD054B 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: #25303f; --color-2: #57213e; --color-3: #99124d; --color-4: #cc044c; --color-5: #fd054b. 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 dark-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