#6A5F5B + #E5BE95 + #A3C394 + #71B79D + #13C3B7 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#6A5F5B

Tangerine · DimGray · Charcoal

HEX

#6A5F5B

RGB

rgb(106, 95, 91)

HSL

hsl(16, 8%, 39%)

HSB

hsb(16, 14%, 42%)

CMYK

cmyk(0%, 10%, 14%, 58%)

Oklch

oklch(49.5% 0.016 41.1)

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

#E5BE95

Goose Yellow · BurlyWood · Warm Sun

HEX

#E5BE95

RGB

rgb(229, 190, 149)

HSL

hsl(31, 61%, 74%)

HSB

hsb(31, 35%, 90%)

CMYK

cmyk(0%, 17%, 35%, 10%)

Oklch

oklch(82.6% 0.070 68.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#A3C394

Celadon · DarkSeaGreen · Apple Green

HEX

#A3C394

RGB

rgb(163, 195, 148)

HSL

hsl(101, 28%, 67%)

HSB

hsb(101, 24%, 76%)

CMYK

cmyk(16%, 0%, 24%, 24%)

Oklch

oklch(78.1% 0.074 135.8)

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

#71B79D

Mineral Blue · MediumAquaMarine · Olive Green

HEX

#71B79D

RGB

rgb(113, 183, 157)

HSL

hsl(158, 33%, 58%)

HSB

hsb(158, 38%, 72%)

CMYK

cmyk(38%, 0%, 14%, 28%)

Oklch

oklch(72.5% 0.081 168.4)

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

#13C3B7

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#13C3B7

RGB

rgb(19, 195, 183)

HSL

hsl(176, 82%, 42%)

HSB

hsb(176, 90%, 76%)

CMYK

cmyk(90%, 0%, 6%, 24%)

Oklch

oklch(73.7% 0.126 186.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6A5F5B

5B676B

Analogous

6B5B5F

6A5F5B

6B685B

Triadic

6A5F5B

5B6B60

605B6B

Split-Comp.

6A5F5B

5B6B68

5B5F6B

Tetradic

6A5F5B

5F6B5B

5B676B

685B6B

Contrast Matrix WCAG 2.1 Contrast

6A5F5B	E5BE95	A3C394	71B79D	13C3B7
—	3.6 AA Large	3.2 AA Large	2.6 Fail	2.8 Fail
3.6 AA Large	—	1.1 Fail	1.4 Fail	1.3 Fail
3.2 AA Large	1.1 Fail	—	1.2 Fail	1.1 Fail
2.6 Fail	1.4 Fail	1.2 Fail	—	1.1 Fail
2.8 Fail	1.3 Fail	1.1 Fail	1.1 Fail	—

White BG

6.2AA

1.7Fail

1.9Fail

2.3Fail

2.2Fail

Black BG

3.4AA Large

12.1AAA

10.8AAA

9.0AAA

9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

65655C

D4D49F

B1B19F

8F90A3

5F61BA

Deuteranopia

66675C

D6D9A1

AFADA2

8B86A5

5548BB

Tritanopia

695D5D

E3A7A8

A5A8AA

75A8A9

1CBCBD

Achromatopsia

626262

C5C5C5

B4B4B4

9F9F9F

8D8D8D

Shades & Tints Shades & Tints

#6A5F5B

Dark

Light

#E5BE95

Dark

Light

#A3C394

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6a5f5b;
  --color-2: #e5be95;
  --color-3: #a3c394;
  --color-4: #71b79d;
  --color-5: #13c3b7;
}

SCSS

$color-1: #6a5f5b;
$color-2: #e5be95;
$color-3: #a3c394;
$color-4: #71b79d;
$color-5: #13c3b7;

TAILWIND

colors: {
  'brand-1': '#6a5f5b',
  'brand-2': '#e5be95',
  'brand-3': '#a3c394',
  'brand-4': '#71b79d',
  'brand-5': '#13c3b7',
}

RGB Array

[106, 95, 91], [229, 190, 149], [163, 195, 148], [113, 183, 157], [19, 195, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6A5F5B, #E5BE95, #A3C394, #71B79D, #13C3B7 is ideal for: corporate websites, product showcases, portfolios. 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: #6a5f5b; --color-2: #e5be95; --color-3: #a3c394; --color-4: #71b79d; --color-5: #13c3b7. 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. 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