#ADE088 + #99C078 + #86A169 + #738259 + #60634A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatile

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#ADE088

Emerald · LightGreen · Apple Green

HEX

#ADE088

RGB

rgb(173, 224, 136)

HSL

hsl(95, 59%, 71%)

HSB

hsb(95, 39%, 88%)

CMYK

cmyk(23%, 0%, 39%, 12%)

Oklch

oklch(85.1% 0.127 133.0)

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

#99C078

Celadon · DarkSeaGreen · Apple Green

HEX

#99C078

RGB

rgb(153, 192, 120)

HSL

hsl(93, 36%, 61%)

HSB

hsb(93, 38%, 75%)

CMYK

cmyk(20%, 0%, 38%, 25%)

Oklch

oklch(76.2% 0.106 131.6)

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

#86A169

Grass Green · Gray · Olive Green

HEX

#86A169

RGB

rgb(134, 161, 105)

HSL

hsl(89, 23%, 52%)

HSB

hsb(89, 35%, 63%)

CMYK

cmyk(17%, 0%, 35%, 37%)

Oklch

oklch(67.4% 0.084 129.4)

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

#738259

Grass Green · DimGray · Olive Green

HEX

#738259

RGB

rgb(115, 130, 89)

HSL

hsl(82, 19%, 43%)

HSB

hsb(82, 32%, 51%)

CMYK

cmyk(12%, 0%, 32%, 49%)

Oklch

oklch(58.3% 0.062 124.6)

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

#60634A

Autumn Sage · DarkOliveGreen · Honey Gold

HEX

#60634A

RGB

rgb(96, 99, 74)

HSL

hsl(67, 14%, 34%)

HSB

hsb(67, 25%, 39%)

CMYK

cmyk(3%, 0%, 25%, 61%)

Oklch

oklch(49.0% 0.038 113.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ADE088

BC89E1

Analogous

D9E189

ADE088

89E191

Triadic

ADE088

89AEE1

E189AE

Split-Comp.

ADE088

9189E1

E189D9

Tetradic

ADE088

89D9E1

BC89E1

E19189

Contrast Matrix WCAG 2.1 Contrast

ADE088	99C078	86A169	738259	60634A
—	1.4 Fail	1.9 Fail	2.7 Fail	4.1 AA Large
1.4 Fail	—	1.4 Fail	2.0 Fail	3.0 AA Large
1.9 Fail	1.4 Fail	—	1.4 Fail	2.2 Fail
2.7 Fail	2.0 Fail	1.4 Fail	—	1.5 Fail
4.1 AA Large	3.0 AA Large	2.2 Fail	1.5 Fail	—

White BG

1.5Fail

2.1Fail

2.9Fail

4.1AA Large

6.2AA

Black BG

13.8AAA

10.2AAA

7.3AAA

5.1AA

3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C49D

AAAA89

929277

797A63

616150

Deuteranopia

C0BCA2

A8A58E

908E7A

797865

616152

Tritanopia

B0AEB2

9B979A

878184

746B6C

605556

Achromatopsia

C7C7C7

ACACAC

939393

797979

5F5F5F

Shades & Tints Shades & Tints

#ADE088

Dark

Light

#99C078

Dark

Light

#86A169

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ade088;
  --color-2: #99c078;
  --color-3: #86a169;
  --color-4: #738259;
  --color-5: #60634a;
}

SCSS

$color-1: #ade088;
$color-2: #99c078;
$color-3: #86a169;
$color-4: #738259;
$color-5: #60634a;

TAILWIND

colors: {
  'brand-1': '#ade088',
  'brand-2': '#99c078',
  'brand-3': '#86a169',
  'brand-4': '#738259',
  'brand-5': '#60634a',
}

RGB Array

[173, 224, 136], [153, 192, 120], [134, 161, 105], [115, 130, 89], [96, 99, 74]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ADE088, #99C078, #86A169, #738259, #60634A 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: #ade088; --color-2: #99c078; --color-3: #86a169; --color-4: #738259; --color-5: #60634a. 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