← Back to Editor

#7F7262 · #4EAD82 · #C7B197 · #A35682 · #A2C295

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#7F7262

Ochre · DimGray · Amber Brown

HEX
#7F7262
RGB
rgb(127, 114, 98)
HSL
hsl(33, 13%, 44%)
HSB
hsb(33, 23%, 50%)
CMYK
cmyk(0%, 10%, 23%, 50%)
Oklch
oklch(55.9% 0.029 72.9)

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

#4EAD82

Mineral Blue · MediumSeaGreen · Olive Green

HEX
#4EAD82
RGB
rgb(78, 173, 130)
HSL
hsl(153, 38%, 49%)
HSB
hsb(153, 55%, 68%)
CMYK
cmyk(55%, 0%, 25%, 32%)
Oklch
oklch(67.8% 0.112 161.6)

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

#C7B197

Ginger · Tan · Warm Sun

HEX
#C7B197
RGB
rgb(199, 177, 151)
HSL
hsl(32, 30%, 69%)
HSB
hsb(32, 24%, 78%)
CMYK
cmyk(0%, 11%, 24%, 22%)
Oklch
oklch(77.2% 0.044 71.7)

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

#A35682

Rose Purple · Gray · Camellia

HEX
#A35682
RGB
rgb(163, 86, 130)
HSL
hsl(326, 31%, 49%)
HSB
hsb(326, 47%, 64%)
CMYK
cmyk(0%, 47%, 20%, 36%)
Oklch
oklch(55.8% 0.115 346.1)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#A2C295

Celadon · DarkSeaGreen · Apple Green

HEX
#A2C295
RGB
rgb(162, 194, 149)
HSL
hsl(103, 27%, 67%)
HSB
hsb(103, 23%, 76%)
CMYK
cmyk(16%, 0%, 23%, 24%)
Oklch
oklch(77.8% 0.071 136.7)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7F7262
626F7F

Analogous

7F6362
7F7262
7D7F62

Triadic

7F7262
627F72
72627F

Split-Comp.

7F7262
627D7F
63627F

Tetradic

7F7262
627F63
626F7F
7F627D

Contrast Matrix WCAG 2.1 Contrast

7F7262
4EAD82
C7B197
A35682
A2C295
—
1.7
Fail
2.3
Fail
1.1
Fail
2.4
Fail
1.7
Fail
—
1.3
Fail
1.8
Fail
1.4
Fail
2.3
Fail
1.3
Fail
—
2.4
Fail
1.1
Fail
1.1
Fail
1.8
Fail
2.4
Fail
—
2.5
Fail
2.4
Fail
1.4
Fail
1.1
Fail
2.5
Fail
—
White BG
4.7AA
2.8Fail
2.1Fail
5.0AA
2.0Fail
Black BG
4.5AA Large
7.6AAA
10.2AAA
4.2AA Large
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

797966
77788C
BDBD9D
828177
B0B0A0

Deuteranopia

7A7B67
726B8F
BFC09F
868C75
AEACA3

Tritanopia

7E696A
539596
C6A2A3
9F6F6D
A4A8AA

Achromatopsia

747474
8C8C8C
B5B5B5
727272
B3B3B3

Shades & Tints Shades & Tints

#7F7262

Dark
Light

#4EAD82

Dark
Light

#C7B197

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7f7262;
  --color-2: #4ead82;
  --color-3: #c7b197;
  --color-4: #a35682;
  --color-5: #a2c295;
}

SCSS

$color-1: #7f7262;
$color-2: #4ead82;
$color-3: #c7b197;
$color-4: #a35682;
$color-5: #a2c295;

TAILWIND

colors: {
  'brand-1': '#7f7262',
  'brand-2': '#4ead82',
  'brand-3': '#c7b197',
  'brand-4': '#a35682',
  'brand-5': '#a2c295',
}

RGB Array

[127, 114, 98], [78, 173, 130], [199, 177, 151], [163, 86, 130], [162, 194, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7F7262, #4EAD82, #C7B197, #A35682, #A2C295 is ideal for: brand design, premium product pages, magazine layouts. 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: #7f7262; --color-2: #4ead82; --color-3: #c7b197; --color-4: #a35682; --color-5: #a2c295. 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. 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. 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