#35343B + #3A5756 + #5A7A41 + #998034 + #B59124 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#35343B

Dark Cyan · DarkSlateGray · Dark Stone

HEX

#35343B

RGB

rgb(53, 52, 59)

HSL

hsl(249, 6%, 22%)

HSB

hsb(249, 12%, 23%)

CMYK

cmyk(10%, 12%, 0%, 77%)

Oklch

oklch(32.9% 0.012 292.3)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#3A5756

Mineral Blue · DarkSlateGray · Mint Ice

HEX

#3A5756

RGB

rgb(58, 87, 86)

HSL

hsl(178, 20%, 28%)

HSB

hsb(178, 33%, 34%)

CMYK

cmyk(33%, 0%, 1%, 66%)

Oklch

oklch(43.4% 0.035 193.2)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#5A7A41

Celadon · DarkOliveGreen · Forest Green

HEX

#5A7A41

RGB

rgb(90, 122, 65)

HSL

hsl(94, 30%, 37%)

HSB

hsb(94, 47%, 48%)

CMYK

cmyk(26%, 0%, 47%, 52%)

Oklch

oklch(54.0% 0.091 132.7)

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

#998034

Ochre · Sienna · Honey Gold

HEX

#998034

RGB

rgb(153, 128, 52)

HSL

hsl(45, 49%, 40%)

HSB

hsb(45, 66%, 60%)

CMYK

cmyk(0%, 16%, 66%, 40%)

Oklch

oklch(60.8% 0.099 90.9)

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

#B59124

Ochre · DarkGoldenRod · Honey Gold

HEX

#B59124

RGB

rgb(181, 145, 36)

HSL

hsl(45, 67%, 43%)

HSB

hsb(45, 80%, 71%)

CMYK

cmyk(0%, 20%, 80%, 29%)

Oklch

oklch(67.2% 0.126 89.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

35343B

3A3B35

Analogous

35373B

35343B

39353B

Triadic

35343B

3B3635

353B36

Split-Comp.

35343B

3B3935

373B35

Tetradic

35343B

3B3537

3A3B35

353B39

Contrast Matrix WCAG 2.1 Contrast

35343B	3A5756	5A7A41	998034	B59124
—	1.6 Fail	2.5 Fail	3.2 AA Large	4.1 AA Large
1.6 Fail	—	1.6 Fail	2.1 Fail	2.6 Fail
2.5 Fail	1.6 Fail	—	1.3 Fail	1.6 Fail
3.2 AA Large	2.1 Fail	1.3 Fail	—	1.3 Fail
4.1 AA Large	2.6 Fail	1.6 Fail	1.3 Fail	—

White BG

12.3AAA

7.8AAA

4.9AA

3.8AA Large

3.0Fail

Black BG

1.7Fail

2.7Fail

4.3AA Large

5.5AA

7.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

353539

474756

68684F

8E8E46

A5A53E

Deuteranopia

353539

454356

666452

90924B

A8AA45

Tritanopia

353838

3B5656

5C5A5C

985558

B35358

Achromatopsia

353535

4E4E4E

6A6A6A

7F7F7F

8F8F8F

Shades & Tints Shades & Tints

#35343B

Dark

Light

#3A5756

Dark

Light

#5A7A41

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #35343b;
  --color-2: #3a5756;
  --color-3: #5a7a41;
  --color-4: #998034;
  --color-5: #b59124;
}

SCSS

$color-1: #35343b;
$color-2: #3a5756;
$color-3: #5a7a41;
$color-4: #998034;
$color-5: #b59124;

TAILWIND

colors: {
  'brand-1': '#35343b',
  'brand-2': '#3a5756',
  'brand-3': '#5a7a41',
  'brand-4': '#998034',
  'brand-5': '#b59124',
}

RGB Array

[53, 52, 59], [58, 87, 86], [90, 122, 65], [153, 128, 52], [181, 145, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #35343B, #3A5756, #5A7A41, #998034, #B59124 is ideal for: tech websites, dark mode UIs, game UIs. 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: #35343b; --color-2: #3a5756; --color-3: #5a7a41; --color-4: #998034; --color-5: #b59124. 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 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