#ACDAC9 + #85D5CC + #9DC6B7 + #B5B6A2 + #D3DFC6 · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#ACDAC9

Jade · LightBlue · Apple Green

HEX

#ACDAC9

RGB

rgb(172, 218, 201)

HSL

hsl(158, 38%, 76%)

HSB

hsb(158, 21%, 85%)

CMYK

cmyk(21%, 0%, 8%, 15%)

Oklch

oklch(85.1% 0.053 170.4)

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

#85D5CC

Jade · SkyBlue · Lake Green

HEX

#85D5CC

RGB

rgb(133, 213, 204)

HSL

hsl(173, 49%, 68%)

HSB

hsb(173, 38%, 84%)

CMYK

cmyk(38%, 0%, 4%, 16%)

Oklch

oklch(81.9% 0.080 186.7)

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

#9DC6B7

Jade · DarkGray · Apple Green

HEX

#9DC6B7

RGB

rgb(157, 198, 183)

HSL

hsl(158, 26%, 70%)

HSB

hsb(158, 21%, 78%)

CMYK

cmyk(21%, 0%, 8%, 22%)

Oklch

oklch(79.3% 0.048 170.7)

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

#B5B6A2

Fresh Green · DarkGray · Sunflower

HEX

#B5B6A2

RGB

rgb(181, 182, 162)

HSL

hsl(63, 12%, 67%)

HSB

hsb(63, 11%, 71%)

CMYK

cmyk(1%, 0%, 11%, 29%)

Oklch

oklch(77.0% 0.028 109.4)

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

#D3DFC6

Willow Green · LightGray · Mint Green

HEX

#D3DFC6

RGB

rgb(211, 223, 198)

HSL

hsl(89, 28%, 83%)

HSB

hsb(89, 11%, 87%)

CMYK

cmyk(5%, 0%, 11%, 13%)

Oklch

oklch(88.8% 0.036 128.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ACDAC9

D9ABBC

Analogous

ABD9B1

ACDAC9

ABD3D9

Triadic

ACDAC9

C8ABD9

D9C8AB

Split-Comp.

ACDAC9

D9ABD3

D9B1AB

Tetradic

ACDAC9

B1ABD9

D9ABBC

D3D9AB

Contrast Matrix WCAG 2.1 Contrast

ACDAC9	85D5CC	9DC6B7	B5B6A2	D3DFC6
—	1.1 Fail	1.2 Fail	1.3 Fail	1.1 Fail
1.1 Fail	—	1.1 Fail	1.2 Fail	1.2 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.4 Fail
1.3 Fail	1.2 Fail	1.1 Fail	—	1.5 Fail
1.1 Fail	1.2 Fail	1.4 Fail	1.5 Fail	—

White BG

1.5Fail

1.7Fail

1.9Fail

2.1Fail

1.4Fail

Black BG

13.6AAA

12.4AAA

11.2AAA

10.2AAA

15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C0CD

A8A8CE

AFAFBB

B5B5A7

D8D8CC

Deuteranopia

BDBACE

A39DCF

ACA9BC

B5B5A8

D8D7CE

Tritanopia

AED0D1

89D0D0

9FBDBE

B5ABAC

D4D1D2

Achromatopsia

CACACA

BCBCBC

B8B8B8

B3B3B3

D9D9D9

Shades & Tints Shades & Tints

#ACDAC9

Dark

Light

#85D5CC

Dark

Light

#9DC6B7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #acdac9;
  --color-2: #85d5cc;
  --color-3: #9dc6b7;
  --color-4: #b5b6a2;
  --color-5: #d3dfc6;
}

SCSS

$color-1: #acdac9;
$color-2: #85d5cc;
$color-3: #9dc6b7;
$color-4: #b5b6a2;
$color-5: #d3dfc6;

TAILWIND

colors: {
  'brand-1': '#acdac9',
  'brand-2': '#85d5cc',
  'brand-3': '#9dc6b7',
  'brand-4': '#b5b6a2',
  'brand-5': '#d3dfc6',
}

RGB Array

[172, 218, 201], [133, 213, 204], [157, 198, 183], [181, 182, 162], [211, 223, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #ACDAC9, #85D5CC, #9DC6B7, #B5B6A2, #D3DFC6 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: #acdac9; --color-2: #85d5cc; --color-3: #9dc6b7; --color-4: #b5b6a2; --color-5: #d3dfc6. 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 space-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