#A0B6AB + #D4DABA + #E9ECB7 + #EBF785 + #F2FD01 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryClean

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A0B6AB

Jade · DarkGray · Apple Green

HEX

#A0B6AB

RGB

rgb(160, 182, 171)

HSL

hsl(150, 13%, 67%)

HSB

hsb(150, 12%, 71%)

CMYK

cmyk(12%, 0%, 6%, 29%)

Oklch

oklch(75.6% 0.029 164.1)

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

#D4DABA

Willow Green · LightGray · Apple Green

HEX

#D4DABA

RGB

rgb(212, 218, 186)

HSL

hsl(71, 30%, 79%)

HSB

hsb(71, 15%, 85%)

CMYK

cmyk(3%, 0%, 15%, 15%)

Oklch

oklch(87.5% 0.043 115.9)

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

#E9ECB7

Fresh Green · Wheat · Lemon Cream

HEX

#E9ECB7

RGB

rgb(233, 236, 183)

HSL

hsl(63, 58%, 82%)

HSB

hsb(63, 22%, 93%)

CMYK

cmyk(1%, 0%, 22%, 7%)

Oklch

oklch(92.8% 0.069 110.4)

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

#EBF785

Fresh Green · Khaki · Sunflower

HEX

#EBF785

RGB

rgb(235, 247, 133)

HSL

hsl(66, 88%, 75%)

HSB

hsb(66, 46%, 97%)

CMYK

cmyk(5%, 0%, 46%, 3%)

Oklch

oklch(94.4% 0.139 114.0)

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

#F2FD01

Autumn Sage · Yellow · Honey Gold

HEX

#F2FD01

RGB

rgb(242, 253, 1)

HSL

hsl(63, 99%, 50%)

HSB

hsb(63, 100%, 99%)

CMYK

cmyk(4%, 0%, 100%, 1%)

Oklch

oklch(95.4% 0.212 112.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A0B6AB

B6A0AB

Analogous

A0B6A0

A0B6AB

A0B6B6

Triadic

A0B6AB

ABA0B6

B6ABA0

Split-Comp.

A0B6AB

B6A0B6

B6A0A0

Tetradic

A0B6AB

A0A0B6

B6A0AB

B6B6A0

Contrast Matrix WCAG 2.1 Contrast

A0B6AB	D4DABA	E9ECB7	EBF785	F2FD01
—	1.5 Fail	1.8 Fail	1.9 Fail	1.9 Fail
1.5 Fail	—	1.2 Fail	1.3 Fail	1.3 Fail
1.8 Fail	1.2 Fail	—	1.1 Fail	1.1 Fail
1.9 Fail	1.3 Fail	1.1 Fail	—	1.0 Fail
1.9 Fail	1.3 Fail	1.1 Fail	1.0 Fail	—

White BG

2.1Fail

1.4Fail

1.2Fail

1.1Fail

Black BG

9.8AAA

14.5AAA

17.1AAA

18.2AAA

18.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAAAAE

D7D7C2

EAEAC4

F0F0A1

F7F73E

Deuteranopia

A8A7AE

D6D6C4

EAEAC7

F0EFA7

F6F54D

Tritanopia

A1B0B0

D4C8C9

E9CED0

ECB6BB

F36E79

Achromatopsia

AEAEAE

D5D5D5

E5E5E5

E6E6E6

DDDDDD

Shades & Tints Shades & Tints

#A0B6AB

Dark

Light

#D4DABA

Dark

Light

#E9ECB7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a0b6ab;
  --color-2: #d4daba;
  --color-3: #e9ecb7;
  --color-4: #ebf785;
  --color-5: #f2fd01;
}

SCSS

$color-1: #a0b6ab;
$color-2: #d4daba;
$color-3: #e9ecb7;
$color-4: #ebf785;
$color-5: #f2fd01;

TAILWIND

colors: {
  'brand-1': '#a0b6ab',
  'brand-2': '#d4daba',
  'brand-3': '#e9ecb7',
  'brand-4': '#ebf785',
  'brand-5': '#f2fd01',
}

RGB Array

[160, 182, 171], [212, 218, 186], [233, 236, 183], [235, 247, 133], [242, 253, 1]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #A0B6AB, #D4DABA, #E9ECB7, #EBF785, #F2FD01 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: #a0b6ab; --color-2: #d4daba; --color-3: #e9ecb7; --color-4: #ebf785; --color-5: #f2fd01. 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 cool-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