#ACCB7D + #A1D2BF + #C7E3C3 + #EEE3AF + #EAF5D5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#ACCB7D

Willow Green · DarkSeaGreen · Apple Green

HEX

#ACCB7D

RGB

rgb(172, 203, 125)

HSL

hsl(84, 43%, 64%)

HSB

hsb(84, 38%, 80%)

CMYK

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

Oklch

oklch(80.1% 0.109 126.4)

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

#A1D2BF

Jade · Silver · Apple Green

HEX

#A1D2BF

RGB

rgb(161, 210, 191)

HSL

hsl(157, 35%, 73%)

HSB

hsb(157, 23%, 82%)

CMYK

cmyk(23%, 0%, 9%, 18%)

Oklch

oklch(82.4% 0.058 169.1)

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

#C7E3C3

Celadon · LightGray · Mint Green

HEX

#C7E3C3

RGB

rgb(199, 227, 195)

HSL

hsl(112, 36%, 83%)

HSB

hsb(112, 14%, 89%)

CMYK

cmyk(12%, 0%, 14%, 11%)

Oklch

oklch(88.7% 0.052 141.7)

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

#EEE3AF

Fresh Green · Wheat · Lemon Cream

HEX

#EEE3AF

RGB

rgb(238, 227, 175)

HSL

hsl(50, 65%, 81%)

HSB

hsb(50, 26%, 93%)

CMYK

cmyk(0%, 5%, 26%, 7%)

Oklch

oklch(91.2% 0.068 97.5)

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

#EAF5D5

Willow Green · Beige · Mint Green

HEX

#EAF5D5

RGB

rgb(234, 245, 213)

HSL

hsl(81, 62%, 90%)

HSB

hsb(81, 13%, 96%)

CMYK

cmyk(4%, 0%, 13%, 4%)

Oklch

oklch(95.4% 0.044 122.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ACCB7D

9B7CCB

Analogous

CBC37C

ACCB7D

84CB7C

Triadic

ACCB7D

7CABCB

CB7CAB

Split-Comp.

ACCB7D

7C84CB

C37CCB

Tetradic

ACCB7D

7CCBC3

9B7CCB

CB7C84

Contrast Matrix WCAG 2.1 Contrast

ACCB7D	A1D2BF	C7E3C3	EEE3AF	EAF5D5
—	1.1 Fail	1.3 Fail	1.4 Fail	1.6 Fail
1.1 Fail	—	1.2 Fail	1.3 Fail	1.5 Fail
1.3 Fail	1.2 Fail	—	1.1 Fail	1.2 Fail
1.4 Fail	1.3 Fail	1.1 Fail	—	1.1 Fail
1.6 Fail	1.5 Fail	1.2 Fail	1.1 Fail	—

White BG

1.8Fail

1.7Fail

1.4Fail

1.3Fail

1.1Fail

Black BG

11.6AAA

12.5AAA

15.2AAA

16.2AAA

18.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9BA90

B6B7C4

D3D3CB

E9E9BC

EFEFDD

Deuteranopia

B8B594

B3B0C5

D2CFCD

EAEBBF

EEEDDF

Tritanopia

AE9FA2

A3C7C8

C8D1D2

EDC6C8

EBE3E4

Achromatopsia

B9B9B9

C1C1C1

D7D7D7

E0E0E0

EEEEEE

Shades & Tints Shades & Tints

#ACCB7D

Dark

Light

#A1D2BF

Dark

Light

#C7E3C3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #accb7d;
  --color-2: #a1d2bf;
  --color-3: #c7e3c3;
  --color-4: #eee3af;
  --color-5: #eaf5d5;
}

SCSS

$color-1: #accb7d;
$color-2: #a1d2bf;
$color-3: #c7e3c3;
$color-4: #eee3af;
$color-5: #eaf5d5;

TAILWIND

colors: {
  'brand-1': '#accb7d',
  'brand-2': '#a1d2bf',
  'brand-3': '#c7e3c3',
  'brand-4': '#eee3af',
  'brand-5': '#eaf5d5',
}

RGB Array

[172, 203, 125], [161, 210, 191], [199, 227, 195], [238, 227, 175], [234, 245, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ACCB7D, #A1D2BF, #C7E3C3, #EEE3AF, #EAF5D5 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: #accb7d; --color-2: #a1d2bf; --color-3: #c7e3c3; --color-4: #eee3af; --color-5: #eaf5d5. 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