← Back to Editor

#615242 · #416C5A · #208572 · #538B71 · #869170

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#615242

Ochre · DarkOliveGreen · Amber Brown

HEX
#615242
RGB
rgb(97, 82, 66)
HSL
hsl(31, 19%, 32%)
HSB
hsb(31, 32%, 38%)
CMYK
cmyk(0%, 15%, 32%, 62%)
Oklch
oklch(44.9% 0.032 68.7)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#416C5A

Mineral Blue · DarkSlateGray · Forest Green

HEX
#416C5A
RGB
rgb(65, 108, 90)
HSL
hsl(155, 25%, 34%)
HSB
hsb(155, 40%, 42%)
CMYK
cmyk(40%, 0%, 17%, 58%)
Oklch
oklch(49.4% 0.056 165.7)

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

#208572

Mineral Blue · SeaGreen · Mint Ice

HEX
#208572
RGB
rgb(32, 133, 114)
HSL
hsl(169, 61%, 32%)
HSB
hsb(169, 76%, 52%)
CMYK
cmyk(76%, 0%, 14%, 48%)
Oklch
oklch(55.6% 0.094 176.8)

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

#538B71

Mineral Blue · DimGray · Olive Green

HEX
#538B71
RGB
rgb(83, 139, 113)
HSL
hsl(152, 25%, 44%)
HSB
hsb(152, 40%, 55%)
CMYK
cmyk(40%, 0%, 19%, 45%)
Oklch
oklch(59.0% 0.072 163.1)

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

#869170

Grass Green · Gray · Olive Green

HEX
#869170
RGB
rgb(134, 145, 112)
HSL
hsl(80, 13%, 50%)
HSB
hsb(80, 23%, 57%)
CMYK
cmyk(8%, 0%, 23%, 43%)
Oklch
oklch(63.9% 0.049 122.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

615242
425161

Analogous

614342
615242
616142

Triadic

615242
426152
524261

Split-Comp.

615242
426161
434261

Tetradic

615242
426143
425161
614261

Contrast Matrix WCAG 2.1 Contrast

615242
416C5A
208572
538B71
869170
—
1.3
Fail
1.7
Fail
1.9
Fail
2.3
Fail
1.3
Fail
—
1.3
Fail
1.5
Fail
1.8
Fail
1.7
Fail
1.3
Fail
—
1.1
Fail
1.4
Fail
1.9
Fail
1.5
Fail
1.1
Fail
—
1.2
Fail
2.3
Fail
1.8
Fail
1.4
Fail
1.2
Fail
—
White BG
7.5AAA
6.0AA
4.5AA
4.0AA Large
3.3AA Large
Black BG
2.8Fail
3.5AA Large
4.7AA
5.3AA
6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5B5A46
54545E
4C4D77
6B6C77
8B8B78

Deuteranopia

5B5C47
514E5F
463E78
686479
8A897A

Tritanopia

60494A
436263
257A7B
567C7D
877E80

Achromatopsia

555555
5D5D5D
656565
777777
8A8A8A

Shades & Tints Shades & Tints

#615242

Dark
Light

#416C5A

Dark
Light

#208572

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #615242;
  --color-2: #416c5a;
  --color-3: #208572;
  --color-4: #538b71;
  --color-5: #869170;
}

SCSS

$color-1: #615242;
$color-2: #416c5a;
$color-3: #208572;
$color-4: #538b71;
$color-5: #869170;

TAILWIND

colors: {
  'brand-1': '#615242',
  'brand-2': '#416c5a',
  'brand-3': '#208572',
  'brand-4': '#538b71',
  'brand-5': '#869170',
}

RGB Array

[97, 82, 66], [65, 108, 90], [32, 133, 114], [83, 139, 113], [134, 145, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #615242, #416C5A, #208572, #538B71, #869170 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: #615242; --color-2: #416c5a; --color-3: #208572; --color-4: #538b71; --color-5: #869170. 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