← Back to Editor

#A7C881 · #7F7365 · #82D9D0 · #CFF9E5 · #F4FFB5

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#A7C881

Willow Green · DarkSeaGreen · Apple Green

HEX
#A7C881
RGB
rgb(167, 200, 129)
HSL
hsl(88, 39%, 65%)
HSB
hsb(88, 36%, 78%)
CMYK
cmyk(16%, 0%, 36%, 22%)
Oklch
oklch(79.1% 0.102 128.8)

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

#7F7365

Ochre · DimGray · Amber Brown

HEX
#7F7365
RGB
rgb(127, 115, 101)
HSL
hsl(32, 11%, 45%)
HSB
hsb(32, 20%, 50%)
CMYK
cmyk(0%, 9%, 20%, 50%)
Oklch
oklch(56.2% 0.026 71.5)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#82D9D0

Jade · SkyBlue · Lake Green

HEX
#82D9D0
RGB
rgb(130, 217, 208)
HSL
hsl(174, 53%, 68%)
HSB
hsb(174, 40%, 85%)
CMYK
cmyk(40%, 0%, 4%, 15%)
Oklch
oklch(82.8% 0.085 187.2)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#CFF9E5

Jade · Lavender · Mint Green

HEX
#CFF9E5
RGB
rgb(207, 249, 229)
HSL
hsl(151, 78%, 89%)
HSB
hsb(151, 17%, 98%)
CMYK
cmyk(17%, 0%, 8%, 2%)
Oklch
oklch(94.7% 0.051 164.9)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#F4FFB5

Fresh Green · Bisque · Lemon Cream

HEX
#F4FFB5
RGB
rgb(244, 255, 181)
HSL
hsl(69, 100%, 85%)
HSB
hsb(69, 29%, 100%)
CMYK
cmyk(4%, 0%, 29%, 0%)
Oklch
oklch(97.5% 0.095 115.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A7C881
A383C9

Analogous

C9C683
A7C881
85C983

Triadic

A7C881
83A8C9
C983A8

Split-Comp.

A7C881
8385C9
C683C9

Tetradic

A7C881
83C9C6
A383C9
C98385

Contrast Matrix WCAG 2.1 Contrast

A7C881
7F7365
82D9D0
CFF9E5
F4FFB5
—
2.5
Fail
1.1
Fail
1.6
Fail
1.8
Fail
2.5
Fail
—
2.8
Fail
4.0
AA Large
4.4
AA Large
1.1
Fail
2.8
Fail
—
1.4
Fail
1.6
Fail
1.6
Fail
4.0
AA Large
1.4
Fail
—
1.1
Fail
1.8
Fail
4.4
AA Large
1.6
Fail
1.1
Fail
—
White BG
1.9Fail
4.6AA
1.6Fail
1.1Fail
1.1Fail
Black BG
11.2AAA
4.5AA
12.8AAA
18.3AAA
19.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B692
7A7A68
A8A8D2
E1E2EA
F9F9C7

Deuteranopia

B3B196
7B7B69
A39CD3
DFDCEB
F8F7CB

Tritanopia

A9A0A3
7E6B6C
86D4D4
D1EEEF
F5D5D8

Achromatopsia

B6B6B6
757575
BEBEBE
EAEAEA
F3F3F3

Shades & Tints Shades & Tints

#A7C881

Dark
Light

#7F7365

Dark
Light

#82D9D0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a7c881;
  --color-2: #7f7365;
  --color-3: #82d9d0;
  --color-4: #cff9e5;
  --color-5: #f4ffb5;
}

SCSS

$color-1: #a7c881;
$color-2: #7f7365;
$color-3: #82d9d0;
$color-4: #cff9e5;
$color-5: #f4ffb5;

TAILWIND

colors: {
  'brand-1': '#a7c881',
  'brand-2': '#7f7365',
  'brand-3': '#82d9d0',
  'brand-4': '#cff9e5',
  'brand-5': '#f4ffb5',
}

RGB Array

[167, 200, 129], [127, 115, 101], [130, 217, 208], [207, 249, 229], [244, 255, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A7C881, #7F7365, #82D9D0, #CFF9E5, #F4FFB5 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #a7c881; --color-2: #7f7365; --color-3: #82d9d0; --color-4: #cff9e5; --color-5: #f4ffb5. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. High-contrast palettes naturally meet WCAG accessibility standards. 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