← Back to Editor

#53A99B · #ACB095 · #98A48A · #7B8979 · #545B57

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#53A99B

Mineral Blue · CadetBlue · Mint Ice

HEX
#53A99B
RGB
rgb(83, 169, 155)
HSL
hsl(170, 34%, 49%)
HSB
hsb(170, 51%, 66%)
CMYK
cmyk(51%, 0%, 8%, 34%)
Oklch
oklch(67.7% 0.086 181.6)

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

#ACB095

Fresh Green · DarkGray · Sunflower

HEX
#ACB095
RGB
rgb(172, 176, 149)
HSL
hsl(69, 15%, 64%)
HSB
hsb(69, 15%, 69%)
CMYK
cmyk(2%, 0%, 15%, 31%)
Oklch
oklch(74.7% 0.038 114.2)

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

#98A48A

Grass Green · DarkSeaGreen · Olive Green

HEX
#98A48A
RGB
rgb(152, 164, 138)
HSL
hsl(88, 13%, 59%)
HSB
hsb(88, 16%, 64%)
CMYK
cmyk(7%, 0%, 16%, 36%)
Oklch
oklch(70.2% 0.039 127.6)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#7B8979

Ash · Gray · Warm Gray

HEX
#7B8979
RGB
rgb(123, 137, 121)
HSL
hsl(112, 6%, 51%)
HSB
hsb(112, 12%, 54%)
CMYK
cmyk(10%, 0%, 12%, 46%)
Oklch
oklch(61.4% 0.029 141.7)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#545B57

Ink Gray · DimGray · Charcoal

HEX
#545B57
RGB
rgb(84, 91, 87)
HSL
hsl(146, 4%, 34%)
HSB
hsb(146, 8%, 36%)
CMYK
cmyk(8%, 0%, 4%, 64%)
Oklch
oklch(46.4% 0.011 161.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

53A99B
A75261

Analogous

52A76F
53A99B
528BA7

Triadic

53A99B
9952A7
A79952

Split-Comp.

53A99B
A7528B
A76F52

Tetradic

53A99B
6F52A7
A75261
8BA752

Contrast Matrix WCAG 2.1 Contrast

53A99B
ACB095
98A48A
7B8979
545B57
—
1.3
Fail
1.1
Fail
1.3
Fail
2.5
Fail
1.3
Fail
—
1.2
Fail
1.6
Fail
3.1
AA Large
1.1
Fail
1.2
Fail
—
1.4
Fail
2.7
Fail
1.3
Fail
1.6
Fail
1.4
Fail
—
1.9
Fail
2.5
Fail
3.1
AA Large
2.7
Fail
1.9
Fail
—
White BG
2.8Fail
2.2Fail
2.6Fail
3.7AA Large
7.0AA
Black BG
7.5AAA
9.4AAA
8.0AAA
5.7AA
3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

78799E
AEAE9C
9D9D90
81817D
575758

Deuteranopia

736D9F
AEAD9D
9D9C92
807F7E
575658

Tritanopia

57A1A2
ACA1A2
999596
7C8081
545959

Achromatopsia

8E8E8E
ACACAC
9D9D9D
838383
585858

Shades & Tints Shades & Tints

#53A99B

Dark
Light

#ACB095

Dark
Light

#98A48A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #53a99b;
  --color-2: #acb095;
  --color-3: #98a48a;
  --color-4: #7b8979;
  --color-5: #545b57;
}

SCSS

$color-1: #53a99b;
$color-2: #acb095;
$color-3: #98a48a;
$color-4: #7b8979;
$color-5: #545b57;

TAILWIND

colors: {
  'brand-1': '#53a99b',
  'brand-2': '#acb095',
  'brand-3': '#98a48a',
  'brand-4': '#7b8979',
  'brand-5': '#545b57',
}

RGB Array

[83, 169, 155], [172, 176, 149], [152, 164, 138], [123, 137, 121], [84, 91, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #53A99B, #ACB095, #98A48A, #7B8979, #545B57 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: #53a99b; --color-2: #acb095; --color-3: #98a48a; --color-4: #7b8979; --color-5: #545b57. 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