← Back to Editor

#2C9958 · #3F745A · #4A645B · #4B4D5A · #57385A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#2C9958

Pine Green · SeaGreen · Forest Green

HEX
#2C9958
RGB
rgb(44, 153, 88)
HSL
hsl(144, 55%, 39%)
HSB
hsb(144, 71%, 60%)
CMYK
cmyk(71%, 0%, 42%, 40%)
Oklch
oklch(60.6% 0.138 152.7)

Traditional「Pine Green」· Paint「Forest Green」· Creative Blush Sunrise

#3F745A

Mineral Blue · SeaGreen · Forest Green

HEX
#3F745A
RGB
rgb(63, 116, 90)
HSL
hsl(151, 30%, 35%)
HSB
hsb(151, 46%, 45%)
CMYK
cmyk(46%, 0%, 22%, 55%)
Oklch
oklch(51.4% 0.071 161.1)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

#4A645B

Mineral Blue · DimGray · Forest Green

HEX
#4A645B
RGB
rgb(74, 100, 91)
HSL
hsl(159, 15%, 34%)
HSB
hsb(159, 26%, 39%)
CMYK
cmyk(26%, 0%, 9%, 61%)
Oklch
oklch(47.9% 0.034 171.5)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

#4B4D5A

Indigo · DarkSlateGray · Charcoal

HEX
#4B4D5A
RGB
rgb(75, 77, 90)
HSL
hsl(232, 9%, 32%)
HSB
hsb(232, 17%, 35%)
CMYK
cmyk(17%, 14%, 0%, 65%)
Oklch
oklch(42.3% 0.022 278.5)

Traditional「Indigo」· Paint「Charcoal」· Creative Midnight Shadow

#57385A

Dark Plum · DarkSlateGray · Eggplant

HEX
#57385A
RGB
rgb(87, 56, 90)
HSL
hsl(295, 23%, 29%)
HSB
hsb(295, 38%, 35%)
CMYK
cmyk(3%, 38%, 0%, 65%)
Oklch
oklch(39.1% 0.068 323.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2C9958
9A2D6E

Analogous

389A2D
2C9958
2D9A8F

Triadic

2C9958
592D9A
9A592D

Split-Comp.

2C9958
8F2D9A
9A2D38

Tetradic

2C9958
2D389A
9A2D6E
9A8F2D

Contrast Matrix WCAG 2.1 Contrast

2C9958
3F745A
4A645B
4B4D5A
57385A
—
1.5
Fail
1.8
Fail
2.3
Fail
2.7
Fail
1.5
Fail
—
1.2
Fail
1.5
Fail
1.8
Fail
1.8
Fail
1.2
Fail
—
1.3
Fail
1.5
Fail
2.3
Fail
1.5
Fail
1.3
Fail
—
1.2
Fail
2.7
Fail
1.8
Fail
1.5
Fail
1.2
Fail
—
White BG
3.6AA Large
5.4AA
6.4AA
8.4AAA
9.9AAA
Black BG
5.8AA
3.9AA Large
3.3AA Large
2.5Fail
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

5B5C68
565660
55555D
4C4C57
4A4952

Deuteranopia

554D6C
534F62
54525E
4C4C56
4B4E50

Tritanopia

317477
426566
4B5F5F
4B5454
554B4A

Achromatopsia

717171
616161
5B5B5B
4E4E4E
454545

Shades & Tints Shades & Tints

#2C9958

Dark
Light

#3F745A

Dark
Light

#4A645B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2c9958;
  --color-2: #3f745a;
  --color-3: #4a645b;
  --color-4: #4b4d5a;
  --color-5: #57385a;
}

SCSS

$color-1: #2c9958;
$color-2: #3f745a;
$color-3: #4a645b;
$color-4: #4b4d5a;
$color-5: #57385a;

TAILWIND

colors: {
  'brand-1': '#2c9958',
  'brand-2': '#3f745a',
  'brand-3': '#4a645b',
  'brand-4': '#4b4d5a',
  'brand-5': '#57385a',
}

RGB Array

[44, 153, 88], [63, 116, 90], [74, 100, 91], [75, 77, 90], [87, 56, 90]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2C9958, #3F745A, #4A645B, #4B4D5A, #57385A is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #2c9958; --color-2: #3f745a; --color-3: #4a645b; --color-4: #4b4d5a; --color-5: #57385a. 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 general-style 5-color scheme is especially suited for finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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