← Back to Editor

#2D121E · #C84567 · #CE8E6C · #CDC770 · #ACB872

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#2D121E

Dark Violet · Black · Raspberry

HEX
#2D121E
RGB
rgb(45, 18, 30)
HSL
hsl(333, 43%, 12%)
HSB
hsb(333, 60%, 18%)
CMYK
cmyk(0%, 60%, 33%, 82%)
Oklch
oklch(22.8% 0.048 353.6)

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

#C84567

Dark Violet · MediumVioletRed · Rose Pink

HEX
#C84567
RGB
rgb(200, 69, 103)
HSL
hsl(344, 54%, 53%)
HSB
hsb(344, 65%, 78%)
CMYK
cmyk(0%, 66%, 49%, 22%)
Oklch
oklch(58.1% 0.167 8.3)

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

#CE8E6C

Apricot · DarkSalmon · Warm Sun

HEX
#CE8E6C
RGB
rgb(206, 142, 108)
HSL
hsl(21, 50%, 62%)
HSB
hsb(21, 48%, 81%)
CMYK
cmyk(0%, 31%, 48%, 19%)
Oklch
oklch(70.3% 0.091 48.7)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#CDC770

Fresh Green · BurlyWood · Sunflower

HEX
#CDC770
RGB
rgb(205, 199, 112)
HSL
hsl(56, 48%, 62%)
HSB
hsb(56, 45%, 80%)
CMYK
cmyk(0%, 3%, 45%, 20%)
Oklch
oklch(81.6% 0.110 105.1)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#ACB872

Grass Green · DarkSeaGreen · Olive Green

HEX
#ACB872
RGB
rgb(172, 184, 114)
HSL
hsl(70, 33%, 58%)
HSB
hsb(70, 38%, 72%)
CMYK
cmyk(7%, 0%, 38%, 28%)
Oklch
oklch(75.7% 0.094 116.6)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2D121E
112C20

Analogous

2C112A
2D121E
2C1311

Triadic

2D121E
1D2C11
111D2C

Split-Comp.

2D121E
112C13
112A2C

Tetradic

2D121E
2A2C11
112C20
13112C

Contrast Matrix WCAG 2.1 Contrast

2D121E
C84567
CE8E6C
CDC770
ACB872
—
3.7
AA Large
6.3
AA
9.9
AAA
8.1
AAA
3.7
AA Large
—
1.7
Fail
2.7
Fail
2.2
Fail
6.3
AA
1.7
Fail
—
1.6
Fail
1.3
Fail
9.9
AAA
2.7
Fail
1.6
Fail
—
1.2
Fail
8.1
AAA
2.2
Fail
1.3
Fail
1.2
Fail
—
White BG
17.3AAA
4.7AA
2.7Fail
1.8Fail
2.1Fail
Black BG
1.2Fail
4.5AA
7.7AAA
12.0AAA
9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

21211B
8F8E5F
B2B274
CACA85
B1B183

Deuteranopia

23251A
97A15D
B6BB76
CBCB8A
B1B087

Tritanopia

2C1918
C15857
CB7B7C
CD9699
AD9093

Achromatopsia

1B1B1B
707070
9D9D9D
BFBFBF
ACACAC

Shades & Tints Shades & Tints

#2D121E

Dark
Light

#C84567

Dark
Light

#CE8E6C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2d121e;
  --color-2: #c84567;
  --color-3: #ce8e6c;
  --color-4: #cdc770;
  --color-5: #acb872;
}

SCSS

$color-1: #2d121e;
$color-2: #c84567;
$color-3: #ce8e6c;
$color-4: #cdc770;
$color-5: #acb872;

TAILWIND

colors: {
  'brand-1': '#2d121e',
  'brand-2': '#c84567',
  'brand-3': '#ce8e6c',
  'brand-4': '#cdc770',
  'brand-5': '#acb872',
}

RGB Array

[45, 18, 30], [200, 69, 103], [206, 142, 108], [205, 199, 112], [172, 184, 114]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2D121E, #C84567, #CE8E6C, #CDC770, #ACB872 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #2d121e; --color-2: #c84567; --color-3: #ce8e6c; --color-4: #cdc770; --color-5: #acb872. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 tech, SaaS, healthcare, eco industries. 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