#6DC4A4 + #93B59C + #A7A58E + #AC877F + #F04A62 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#6DC4A4

Mineral Blue · MediumAquaMarine · Olive Green

HEX

#6DC4A4

RGB

rgb(109, 196, 164)

HSL

hsl(158, 42%, 60%)

HSB

hsb(158, 44%, 77%)

CMYK

cmyk(44%, 0%, 16%, 23%)

Oklch

oklch(75.6% 0.097 167.9)

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

#93B59C

Celadon · DarkSeaGreen · Apple Green

HEX

#93B59C

RGB

rgb(147, 181, 156)

HSL

hsl(136, 19%, 64%)

HSB

hsb(136, 19%, 71%)

CMYK

cmyk(19%, 0%, 14%, 29%)

Oklch

oklch(74.1% 0.051 153.2)

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

#A7A58E

Fresh Green · DarkGray · Sunflower

HEX

#A7A58E

RGB

rgb(167, 165, 142)

HSL

hsl(55, 12%, 61%)

HSB

hsb(55, 15%, 65%)

CMYK

cmyk(0%, 1%, 15%, 35%)

Oklch

oklch(71.7% 0.032 103.1)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#AC877F

Crimson · Gray · Passion Red

HEX

#AC877F

RGB

rgb(172, 135, 127)

HSL

hsl(11, 21%, 59%)

HSB

hsb(11, 26%, 67%)

CMYK

cmyk(0%, 22%, 26%, 33%)

Oklch

oklch(65.6% 0.047 32.4)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#F04A62

Peach Pink · Tomato · Coral Red

HEX

#F04A62

RGB

rgb(240, 74, 98)

HSL

hsl(351, 85%, 62%)

HSB

hsb(351, 69%, 94%)

CMYK

cmyk(0%, 69%, 59%, 6%)

Oklch

oklch(64.9% 0.201 16.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6DC4A4

C46E8E

Analogous

6EC47A

6DC4A4

6EB8C4

Triadic

6DC4A4

A46EC4

C4A46E

Split-Comp.

6DC4A4

C46EB8

C47A6E

Tetradic

6DC4A4

7A6EC4

C46E8E

B8C46E

Contrast Matrix WCAG 2.1 Contrast

6DC4A4	93B59C	A7A58E	AC877F	F04A62
—	1.1 Fail	1.2 Fail	1.5 Fail	1.7 Fail
1.1 Fail	—	1.1 Fail	1.4 Fail	1.6 Fail
1.2 Fail	1.1 Fail	—	1.3 Fail	1.4 Fail
1.5 Fail	1.4 Fail	1.3 Fail	—	1.1 Fail
1.7 Fail	1.6 Fail	1.4 Fail	1.1 Fail	—

White BG

2.1Fail

2.3Fail

2.5Fail

3.2AA Large

3.6AA Large

Black BG

10.1AAA

9.3AAA

8.4AAA

6.5AA

5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9393AC

A2A2A2

A6A694

9C9C81

A8A75C

Deuteranopia

8E87AE

A09DA4

A6A695

9EA181

B2BE5B

Tritanopia

71B2B3

95A7A8

A79899

AA8283

E85857

Achromatopsia

A6A6A6

A8A8A8

A3A3A3

919191

7E7E7E

Shades & Tints Shades & Tints

#6DC4A4

Dark

Light

#93B59C

Dark

Light

#A7A58E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6dc4a4;
  --color-2: #93b59c;
  --color-3: #a7a58e;
  --color-4: #ac877f;
  --color-5: #f04a62;
}

SCSS

$color-1: #6dc4a4;
$color-2: #93b59c;
$color-3: #a7a58e;
$color-4: #ac877f;
$color-5: #f04a62;

TAILWIND

colors: {
  'brand-1': '#6dc4a4',
  'brand-2': '#93b59c',
  'brand-3': '#a7a58e',
  'brand-4': '#ac877f',
  'brand-5': '#f04a62',
}

RGB Array

[109, 196, 164], [147, 181, 156], [167, 165, 142], [172, 135, 127], [240, 74, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6DC4A4, #93B59C, #A7A58E, #AC877F, #F04A62 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: #6dc4a4; --color-2: #93b59c; --color-3: #a7a58e; --color-4: #ac877f; --color-5: #f04a62. 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