← Back to Editor

#69D98C · #79C389 · #88AE87 · #989884 · #A78281

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#69D98C

Emerald · MediumAquaMarine · Apple Green

HEX
#69D98C
RGB
rgb(105, 217, 140)
HSL
hsl(139, 60%, 63%)
HSB
hsb(139, 52%, 85%)
CMYK
cmyk(52%, 0%, 35%, 15%)
Oklch
oklch(80.0% 0.151 151.8)

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

#79C389

Celadon · DarkSeaGreen · Apple Green

HEX
#79C389
RGB
rgb(121, 195, 137)
HSL
hsl(133, 38%, 62%)
HSB
hsb(133, 38%, 76%)
CMYK
cmyk(38%, 0%, 30%, 24%)
Oklch
oklch(75.3% 0.112 150.0)

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

#88AE87

Celadon · DarkSeaGreen · Apple Green

HEX
#88AE87
RGB
rgb(136, 174, 135)
HSL
hsl(118, 19%, 61%)
HSB
hsb(118, 22%, 68%)
CMYK
cmyk(22%, 0%, 22%, 32%)
Oklch
oklch(71.2% 0.069 144.2)

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

#989884

Autumn Sage · Gray · Silver Sand

HEX
#989884
RGB
rgb(152, 152, 132)
HSL
hsl(60, 9%, 56%)
HSB
hsb(60, 13%, 60%)
CMYK
cmyk(0%, 0%, 13%, 40%)
Oklch
oklch(67.4% 0.029 107.1)

Traditional「Autumn Sage」· Paint「Silver Sand」· Creative Urban Concrete

#A78281

Crimson · Gray · Passion Red

HEX
#A78281
RGB
rgb(167, 130, 129)
HSL
hsl(2, 18%, 58%)
HSB
hsb(2, 23%, 65%)
CMYK
cmyk(0%, 22%, 23%, 35%)
Oklch
oklch(64.2% 0.046 20.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

69D98C
D968B5

Analogous

7DD968
69D98C
68D9C5

Triadic

69D98C
8C68D9
D98C68

Split-Comp.

69D98C
C568D9
D9687D

Tetradic

69D98C
687DD9
D968B5
D9C568

Contrast Matrix WCAG 2.1 Contrast

69D98C
79C389
88AE87
989884
A78281
—
1.2
Fail
1.4
Fail
1.7
Fail
1.9
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.9
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
White BG
1.8Fail
2.1Fail
2.5Fail
2.9Fail
3.4AA Large
Black BG
11.9AAA
10.0AAA
8.5AAA
7.2AAA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

999B9F
999A97
989990
989889
979781

Deuteranopia

938BA3
958F9A
969393
98988A
999C81

Tritanopia

6FADB1
7DA2A5
8A989A
988D8E
A58181

Achromatopsia

AFAFAF
A6A6A6
9E9E9E
969696
8D8D8D

Shades & Tints Shades & Tints

#69D98C

Dark
Light

#79C389

Dark
Light

#88AE87

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #69d98c;
  --color-2: #79c389;
  --color-3: #88ae87;
  --color-4: #989884;
  --color-5: #a78281;
}

SCSS

$color-1: #69d98c;
$color-2: #79c389;
$color-3: #88ae87;
$color-4: #989884;
$color-5: #a78281;

TAILWIND

colors: {
  'brand-1': '#69d98c',
  'brand-2': '#79c389',
  'brand-3': '#88ae87',
  'brand-4': '#989884',
  'brand-5': '#a78281',
}

RGB Array

[105, 217, 140], [121, 195, 137], [136, 174, 135], [152, 152, 132], [167, 130, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #69D98C, #79C389, #88AE87, #989884, #A78281 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: #69d98c; --color-2: #79c389; --color-3: #88ae87; --color-4: #989884; --color-5: #a78281. 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