#AAB8BD + #C6CACC + #D5DBDE + #EBFFF5 + #EEE9F2 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#AAB8BD

Sky Blue · Silver · Lake Green

HEX

#AAB8BD

RGB

rgb(170, 184, 189)

HSL

hsl(196, 13%, 70%)

HSB

hsb(196, 10%, 74%)

CMYK

cmyk(10%, 3%, 0%, 26%)

Oklch

oklch(77.3% 0.017 221.1)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#C6CACC

Silver Gray · Silver · Pearl Gray

HEX

#C6CACC

RGB

rgb(198, 202, 204)

HSL

hsl(200, 6%, 79%)

HSB

hsb(200, 3%, 80%)

CMYK

cmyk(3%, 1%, 0%, 20%)

Oklch

oklch(83.6% 0.005 228.8)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#D5DBDE

Sky Blue · LightGray · Sky Blue

HEX

#D5DBDE

RGB

rgb(213, 219, 222)

HSL

hsl(200, 12%, 85%)

HSB

hsb(200, 4%, 87%)

CMYK

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

Oklch

oklch(88.8% 0.008 228.9)

Traditional「Sky Blue」· Paint「Sky Blue」· Creative Twilight Haze

#EBFFF5

Jade · Snow · Mint Green

HEX

#EBFFF5

RGB

rgb(235, 255, 245)

HSL

hsl(150, 100%, 96%)

HSB

hsb(150, 8%, 100%)

CMYK

cmyk(8%, 0%, 4%, 0%)

Oklch

oklch(98.3% 0.025 164.5)

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

#EEE9F2

Lilac · Lavender · Lavender

HEX

#EEE9F2

RGB

rgb(238, 233, 242)

HSL

hsl(273, 26%, 93%)

HSB

hsb(273, 4%, 95%)

CMYK

cmyk(2%, 4%, 0%, 5%)

Oklch

oklch(94.0% 0.013 310.5)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AAB8BD

BCAEA9

Analogous

A9BCB8

AAB8BD

A9ADBC

Triadic

AAB8BD

BCA9B7

B7BCA9

Split-Comp.

AAB8BD

BCA9AD

BCB8A9

Tetradic

AAB8BD

B8A9BC

BCAEA9

ADBCA9

Contrast Matrix WCAG 2.1 Contrast

AAB8BD	C6CACC	D5DBDE	EBFFF5	EEE9F2
—	1.2 Fail	1.5 Fail	2.0 Fail	1.7 Fail
1.2 Fail	—	1.2 Fail	1.6 Fail	1.4 Fail
1.5 Fail	1.2 Fail	—	1.3 Fail	1.2 Fail
2.0 Fail	1.6 Fail	1.3 Fail	—	1.1 Fail
1.7 Fail	1.4 Fail	1.2 Fail	1.1 Fail	—

White BG

2.0Fail

1.7Fail

1.4Fail

1.0Fail

1.2Fail

Black BG

10.3AAA

12.7AAA

15.0AAA

20.2AAA

17.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0B0BC

C8C8CC

D8D8DD

F4F4F7

ECECF0

Deuteranopia

AFAEBB

C8C7CB

D7D7DD

F3F1F8

ECEDEF

Tritanopia

ABBBBB

C6CBCB

D5DDDD

ECF9FA

EEEEEE

Achromatopsia

B4B4B4

C9C9C9

DADADA

F8F8F8

ECECEC

Shades & Tints Shades & Tints

#AAB8BD

Dark

Light

#C6CACC

Dark

Light

#D5DBDE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aab8bd;
  --color-2: #c6cacc;
  --color-3: #d5dbde;
  --color-4: #ebfff5;
  --color-5: #eee9f2;
}

SCSS

$color-1: #aab8bd;
$color-2: #c6cacc;
$color-3: #d5dbde;
$color-4: #ebfff5;
$color-5: #eee9f2;

TAILWIND

colors: {
  'brand-1': '#aab8bd',
  'brand-2': '#c6cacc',
  'brand-3': '#d5dbde',
  'brand-4': '#ebfff5',
  'brand-5': '#eee9f2',
}

RGB Array

[170, 184, 189], [198, 202, 204], [213, 219, 222], [235, 255, 245], [238, 233, 242]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #AAB8BD, #C6CACC, #D5DBDE, #EBFFF5, #EEE9F2 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: #aab8bd; --color-2: #c6cacc; --color-3: #d5dbde; --color-4: #ebfff5; --color-5: #eee9f2. 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