← Back to Editor

#A7BDA2 · #75B099 · #50A394 · #595D62 · #515041

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

#A7BDA2

Celadon · DarkGray · Apple Green

HEX
#A7BDA2
RGB
rgb(167, 189, 162)
HSL
hsl(109, 17%, 69%)
HSB
hsb(109, 14%, 74%)
CMYK
cmyk(12%, 0%, 14%, 26%)
Oklch
oklch(77.4% 0.045 139.9)

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

#75B099

Mineral Blue · CadetBlue · Olive Green

HEX
#75B099
RGB
rgb(117, 176, 153)
HSL
hsl(157, 27%, 57%)
HSB
hsb(157, 34%, 69%)
CMYK
cmyk(34%, 0%, 13%, 31%)
Oklch
oklch(71.0% 0.070 167.9)

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

#50A394

Mineral Blue · CadetBlue · Mint Ice

HEX
#50A394
RGB
rgb(80, 163, 148)
HSL
hsl(169, 34%, 48%)
HSB
hsb(169, 51%, 64%)
CMYK
cmyk(51%, 0%, 9%, 36%)
Oklch
oklch(65.9% 0.085 180.2)

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

#595D62

Ink Gray · DimGray · Charcoal

HEX
#595D62
RGB
rgb(89, 93, 98)
HSL
hsl(213, 5%, 37%)
HSB
hsb(213, 9%, 38%)
CMYK
cmyk(9%, 5%, 0%, 62%)
Oklch
oklch(47.7% 0.009 253.9)

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

#515041

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#515041
RGB
rgb(81, 80, 65)
HSL
hsl(56, 11%, 29%)
HSB
hsb(56, 20%, 32%)
CMYK
cmyk(0%, 1%, 20%, 68%)
Oklch
oklch(42.8% 0.024 104.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A7BDA2
B8A3BD

Analogous

B5BDA3
A7BDA2
A3BDAB

Triadic

A7BDA2
A3A7BD
BDA3A7

Split-Comp.

A7BDA2
ABA3BD
BDA3B5

Tetradic

A7BDA2
A3B5BD
B8A3BD
BDABA3

Contrast Matrix WCAG 2.1 Contrast

A7BDA2
75B099
50A394
595D62
515041
—
1.2
Fail
1.5
Fail
3.3
AA Large
4.1
AA Large
1.2
Fail
—
1.2
Fail
2.7
Fail
3.3
AA Large
1.5
Fail
1.2
Fail
—
2.2
Fail
2.7
Fail
3.3
AA Large
2.7
Fail
2.2
Fail
—
1.2
Fail
4.1
AA Large
3.3
AA Large
2.7
Fail
1.2
Fail
—
White BG
2.0Fail
2.5Fail
3.0Fail
6.6AA
8.2AAA
Black BG
10.4AAA
8.4AAA
7.0AAA
3.2AA Large
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1B1A9
8F8F9F
747598
5B5B61
515145

Deuteranopia

AFAEAA
8B87A0
6F6999
5B5A61
515146

Tritanopia

A8AEAF
78A3A4
549A9B
596060
514748

Achromatopsia

B3B3B3
9C9C9C
888888
5C5C5C
4F4F4F

Shades & Tints Shades & Tints

#A7BDA2

Dark
Light

#75B099

Dark
Light

#50A394

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a7bda2;
  --color-2: #75b099;
  --color-3: #50a394;
  --color-4: #595d62;
  --color-5: #515041;
}

SCSS

$color-1: #a7bda2;
$color-2: #75b099;
$color-3: #50a394;
$color-4: #595d62;
$color-5: #515041;

TAILWIND

colors: {
  'brand-1': '#a7bda2',
  'brand-2': '#75b099',
  'brand-3': '#50a394',
  'brand-4': '#595d62',
  'brand-5': '#515041',
}

RGB Array

[167, 189, 162], [117, 176, 153], [80, 163, 148], [89, 93, 98], [81, 80, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A7BDA2, #75B099, #50A394, #595D62, #515041 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: #a7bda2; --color-2: #75b099; --color-3: #50a394; --color-4: #595d62; --color-5: #515041. 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