#5E525E + #06706E + #398459 + #81AD07 + #7FB5B4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#5E525E

Ink Gray · DimGray · Charcoal

HEX

#5E525E

RGB

rgb(94, 82, 94)

HSL

hsl(300, 7%, 35%)

HSB

hsb(300, 13%, 37%)

CMYK

cmyk(0%, 13%, 0%, 63%)

Oklch

oklch(45.5% 0.025 326.0)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#06706E

Mineral Blue · Teal · Peacock Green

HEX

#06706E

RGB

rgb(6, 112, 110)

HSL

hsl(179, 90%, 23%)

HSB

hsb(179, 95%, 44%)

CMYK

cmyk(95%, 0%, 2%, 56%)

Oklch

oklch(49.3% 0.083 192.6)

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

#398459

Celadon · SeaGreen · Forest Green

HEX

#398459

RGB

rgb(57, 132, 89)

HSL

hsl(146, 40%, 37%)

HSB

hsb(146, 57%, 52%)

CMYK

cmyk(57%, 0%, 33%, 48%)

Oklch

oklch(55.4% 0.101 155.8)

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

#81AD07

Grass Green · Olive · Forest Green

HEX

#81AD07

RGB

rgb(129, 173, 7)

HSL

hsl(76, 92%, 35%)

HSB

hsb(76, 96%, 68%)

CMYK

cmyk(25%, 0%, 96%, 32%)

Oklch

oklch(69.0% 0.174 125.8)

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

#7FB5B4

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#7FB5B4

RGB

rgb(127, 181, 180)

HSL

hsl(179, 27%, 60%)

HSB

hsb(179, 30%, 71%)

CMYK

cmyk(30%, 0%, 1%, 29%)

Oklch

oklch(73.5% 0.057 194.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5E525E

535F53

Analogous

59535F

5E525E

5F5359

Triadic

5E525E

5F5F53

535F5F

Split-Comp.

5E525E

595F53

535F59

Tetradic

5E525E

5F5953

535F53

53595F

Contrast Matrix WCAG 2.1 Contrast

5E525E	06706E	398459	81AD07	7FB5B4
—	1.2 Fail	1.6 Fail	2.8 Fail	3.2 AA Large
1.2 Fail	—	1.3 Fail	2.2 Fail	2.6 Fail
1.6 Fail	1.3 Fail	—	1.7 Fail	2.0 Fail
2.8 Fail	2.2 Fail	1.7 Fail	—	1.2 Fail
3.2 AA Large	2.6 Fail	2.0 Fail	1.2 Fail	—

White BG

7.4AAA

5.9AA

4.5AA

2.7Fail

2.3Fail

Black BG

2.8Fail

3.6AA Large

4.6AA

7.9AAA

9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

59595B

34356E

595A63

94942F

9697B4

Deuteranopia

5A5A5A

2E266F

555066

928E39

938FB4

Tritanopia

5D5958

0B6F6F

3D6C6D

834F56

82B4B4

Achromatopsia

575757

505050

696969

8D8D8D

A5A5A5

Shades & Tints Shades & Tints

#5E525E

Dark

Light

#06706E

Dark

Light

#398459

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5e525e;
  --color-2: #06706e;
  --color-3: #398459;
  --color-4: #81ad07;
  --color-5: #7fb5b4;
}

SCSS

$color-1: #5e525e;
$color-2: #06706e;
$color-3: #398459;
$color-4: #81ad07;
$color-5: #7fb5b4;

TAILWIND

colors: {
  'brand-1': '#5e525e',
  'brand-2': '#06706e',
  'brand-3': '#398459',
  'brand-4': '#81ad07',
  'brand-5': '#7fb5b4',
}

RGB Array

[94, 82, 94], [6, 112, 110], [57, 132, 89], [129, 173, 7], [127, 181, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5E525E, #06706E, #398459, #81AD07, #7FB5B4 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: #5e525e; --color-2: #06706e; --color-3: #398459; --color-4: #81ad07; --color-5: #7fb5b4. 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