#A6AA57 + #CAD682 + #D4E5A0 + #D0F0CF + #C06482 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A6AA57

Autumn Sage · DarkSeaGreen · Honey Gold

HEX

#A6AA57

RGB

rgb(166, 170, 87)

HSL

hsl(63, 33%, 50%)

HSB

hsb(63, 49%, 67%)

CMYK

cmyk(2%, 0%, 49%, 33%)

Oklch

oklch(71.7% 0.107 111.3)

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

#CAD682

Fresh Green · Tan · Sunflower

HEX

#CAD682

RGB

rgb(202, 214, 130)

HSL

hsl(69, 51%, 67%)

HSB

hsb(69, 39%, 84%)

CMYK

cmyk(6%, 0%, 39%, 16%)

Oklch

oklch(84.8% 0.108 115.4)

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

#D4E5A0

Willow Green · Khaki · Apple Green

HEX

#D4E5A0

RGB

rgb(212, 229, 160)

HSL

hsl(75, 57%, 76%)

HSB

hsb(75, 30%, 90%)

CMYK

cmyk(7%, 0%, 30%, 10%)

Oklch

oklch(89.3% 0.092 119.5)

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

#D0F0CF

Emerald · LightGray · Mint Green

HEX

#D0F0CF

RGB

rgb(208, 240, 207)

HSL

hsl(118, 52%, 88%)

HSB

hsb(118, 14%, 94%)

CMYK

cmyk(13%, 0%, 14%, 6%)

Oklch

oklch(92.3% 0.055 144.3)

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

#C06482

Dark Violet · LightCoral · Rose Pink

HEX

#C06482

RGB

rgb(192, 100, 130)

HSL

hsl(340, 42%, 57%)

HSB

hsb(340, 48%, 75%)

CMYK

cmyk(0%, 48%, 32%, 25%)

Oklch

oklch(61.9% 0.122 0.5)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A6AA57

5A55AA

Analogous

AA8455

A6AA57

7BAA55

Triadic

A6AA57

55A5AA

AA55A5

Split-Comp.

A6AA57

557BAA

8455AA

Tetradic

A6AA57

55AA84

5A55AA

AA557B

Contrast Matrix WCAG 2.1 Contrast

A6AA57	CAD682	D4E5A0	D0F0CF	C06482
—	1.6 Fail	1.8 Fail	2.0 Fail	1.6 Fail
1.6 Fail	—	1.2 Fail	1.3 Fail	2.5 Fail
1.8 Fail	1.2 Fail	—	1.1 Fail	2.9 Fail
2.0 Fail	1.3 Fail	1.1 Fail	—	3.2 AA Large
1.6 Fail	2.5 Fail	2.9 Fail	3.2 AA Large	—

White BG

2.5Fail

1.6Fail

1.4Fail

1.2Fail

3.9AA Large

Black BG

8.5AAA

13.5AAA

15.5AAA

17.0AAA

5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A86B

CFCF96

DBDCB1

DEDED7

98977B

Deuteranopia

A8A770

CFCE9B

DAD9B5

DCDAD9

9EA479

Tritanopia

A67B7E

CBA6AA

D5BEC1

D2DDDF

BB7574

Achromatopsia

9F9F9F

C9C9C9

D8D8D8

E3E3E3

838383

Shades & Tints Shades & Tints

#A6AA57

Dark

Light

#CAD682

Dark

Light

#D4E5A0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a6aa57;
  --color-2: #cad682;
  --color-3: #d4e5a0;
  --color-4: #d0f0cf;
  --color-5: #c06482;
}

SCSS

$color-1: #a6aa57;
$color-2: #cad682;
$color-3: #d4e5a0;
$color-4: #d0f0cf;
$color-5: #c06482;

TAILWIND

colors: {
  'brand-1': '#a6aa57',
  'brand-2': '#cad682',
  'brand-3': '#d4e5a0',
  'brand-4': '#d0f0cf',
  'brand-5': '#c06482',
}

RGB Array

[166, 170, 87], [202, 214, 130], [212, 229, 160], [208, 240, 207], [192, 100, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A6AA57, #CAD682, #D4E5A0, #D0F0CF, #C06482 is ideal for: health products, baby brands, fresh-style blogs. 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: #a6aa57; --color-2: #cad682; --color-3: #d4e5a0; --color-4: #d0f0cf; --color-5: #c06482. 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. 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