← Back to Editor

#A89580 · #E66473 · #6C9692 · #A35596 · #15A7AD

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

#A89580

Ginger · Gray · Warm Sun

HEX
#A89580
RGB
rgb(168, 149, 128)
HSL
hsl(32, 19%, 58%)
HSB
hsb(32, 24%, 66%)
CMYK
cmyk(0%, 11%, 24%, 34%)
Oklch
oklch(68.1% 0.037 69.9)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#E66473

Peach Pink · LightCoral · Coral Red

HEX
#E66473
RGB
rgb(230, 100, 115)
HSL
hsl(353, 72%, 65%)
HSB
hsb(353, 57%, 90%)
CMYK
cmyk(0%, 57%, 50%, 10%)
Oklch
oklch(66.8% 0.162 15.5)

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

#6C9692

Mineral Blue · LightSlateGray · Lake Green

HEX
#6C9692
RGB
rgb(108, 150, 146)
HSL
hsl(174, 17%, 51%)
HSB
hsb(174, 28%, 59%)
CMYK
cmyk(28%, 0%, 3%, 41%)
Oklch
oklch(64.1% 0.046 188.7)

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

#A35596

Rose Purple · Gray · Violet

HEX
#A35596
RGB
rgb(163, 85, 150)
HSL
hsl(310, 31%, 49%)
HSB
hsb(310, 48%, 64%)
CMYK
cmyk(0%, 48%, 8%, 36%)
Oklch
oklch(56.5% 0.132 333.7)

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

#15A7AD

Lake Blue · LightSeaGreen · Mint Ice

HEX
#15A7AD
RGB
rgb(21, 167, 173)
HSL
hsl(182, 78%, 38%)
HSB
hsb(182, 88%, 68%)
CMYK
cmyk(88%, 3%, 0%, 32%)
Oklch
oklch(66.3% 0.110 199.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A89580
8093A8

Analogous

A88180
A89580
A7A880

Triadic

A89580
80A895
9580A8

Split-Comp.

A89580
80A7A8
8180A8

Tetradic

A89580
80A881
8093A8
A880A7

Contrast Matrix WCAG 2.1 Contrast

A89580
E66473
6C9692
A35596
15A7AD
—
1.1
Fail
1.1
Fail
1.7
Fail
1.0
Fail
1.1
Fail
—
1.0
Fail
1.5
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.5
Fail
1.1
Fail
1.7
Fail
1.5
Fail
1.5
Fail
—
1.7
Fail
1.0
Fail
1.1
Fail
1.1
Fail
1.7
Fail
—
White BG
2.9Fail
3.3AA Large
3.3AA Large
4.9AA
2.9Fail
Black BG
7.3AAA
6.4AA
6.4AA
4.3AA Large
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A0A085
AEAD6F
7E7F93
818186
5456AC

Deuteranopia

A1A286
B5BF6F
7C7993
868C83
4C41AB

Tritanopia

A7898A
E06D6C
6E9494
9F7A77
1CAAAA

Achromatopsia

989898
8D8D8D
898989
747474
7C7C7C

Shades & Tints Shades & Tints

#A89580

Dark
Light

#E66473

Dark
Light

#6C9692

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a89580;
  --color-2: #e66473;
  --color-3: #6c9692;
  --color-4: #a35596;
  --color-5: #15a7ad;
}

SCSS

$color-1: #a89580;
$color-2: #e66473;
$color-3: #6c9692;
$color-4: #a35596;
$color-5: #15a7ad;

TAILWIND

colors: {
  'brand-1': '#a89580',
  'brand-2': '#e66473',
  'brand-3': '#6c9692',
  'brand-4': '#a35596',
  'brand-5': '#15a7ad',
}

RGB Array

[168, 149, 128], [230, 100, 115], [108, 150, 146], [163, 85, 150], [21, 167, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A89580, #E66473, #6C9692, #A35596, #15A7AD 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: #a89580; --color-2: #e66473; --color-3: #6c9692; --color-4: #a35596; --color-5: #15a7ad. 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