#5AD1BD + #A9B8B2 + #DBA7C3 + #EDADBC + #EBCAD4 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#5AD1BD

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#5AD1BD

RGB

rgb(90, 209, 189)

HSL

hsl(170, 56%, 59%)

HSB

hsb(170, 57%, 82%)

CMYK

cmyk(57%, 0%, 10%, 18%)

Oklch

oklch(78.7% 0.111 180.5)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#A9B8B2

Jade · DarkGray · Apple Green

HEX

#A9B8B2

RGB

rgb(169, 184, 178)

HSL

hsl(156, 10%, 69%)

HSB

hsb(156, 8%, 72%)

CMYK

cmyk(8%, 0%, 3%, 28%)

Oklch

oklch(76.9% 0.019 169.9)

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

#DBA7C3

Mauve · Silver · Cherry Blossom

HEX

#DBA7C3

RGB

rgb(219, 167, 195)

HSL

hsl(328, 42%, 76%)

HSB

hsb(328, 24%, 86%)

CMYK

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

Oklch

oklch(78.5% 0.071 345.3)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#EDADBC

Peach Pink · LightPink · Coral Red

HEX

#EDADBC

RGB

rgb(237, 173, 188)

HSL

hsl(346, 64%, 80%)

HSB

hsb(346, 27%, 93%)

CMYK

cmyk(0%, 27%, 21%, 7%)

Oklch

oklch(81.1% 0.077 3.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#EBCAD4

Rouge · Pink · Cherry Blossom

HEX

#EBCAD4

RGB

rgb(235, 202, 212)

HSL

hsl(342, 45%, 86%)

HSB

hsb(342, 14%, 92%)

CMYK

cmyk(0%, 14%, 10%, 8%)

Oklch

oklch(87.0% 0.039 357.7)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5AD1BD

D15C6F

Analogous

5CD183

5AD1BD

5CAAD1

Triadic

5AD1BD

BD5CD1

D1BD5C

Split-Comp.

5AD1BD

D15CAA

D1835C

Tetradic

5AD1BD

835CD1

D15C6F

AAD15C

Contrast Matrix WCAG 2.1 Contrast

5AD1BD	A9B8B2	DBA7C3	EDADBC	EBCAD4
—	1.1 Fail	1.1 Fail	1.0 Fail	1.2 Fail
1.1 Fail	—	1.0 Fail	1.1 Fail	1.4 Fail
1.1 Fail	1.0 Fail	—	1.1 Fail	1.3 Fail
1.0 Fail	1.1 Fail	1.1 Fail	—	1.2 Fail
1.2 Fail	1.4 Fail	1.3 Fail	1.2 Fail	—

White BG

1.9Fail

2.1Fail

2.0Fail

1.9Fail

1.5Fail

Black BG

11.3AAA

10.2AAA

10.3AAA

11.3AAA

13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8FC2

AFB0B3

C4C4BC

D1D1B8

DDDCD2

Deuteranopia

877EC3

AFAEB4

C8CBBB

D5DAB8

DFE1D1

Tritanopia

60C6C7

AAB5B5

D8B7B6

EAB6B5

E9D0CF

Achromatopsia

ABABAB

B3B3B3

BABABA

C2C2C2

D5D5D5

Shades & Tints Shades & Tints

#5AD1BD

Dark

Light

#A9B8B2

Dark

Light

#DBA7C3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5ad1bd;
  --color-2: #a9b8b2;
  --color-3: #dba7c3;
  --color-4: #edadbc;
  --color-5: #ebcad4;
}

SCSS

$color-1: #5ad1bd;
$color-2: #a9b8b2;
$color-3: #dba7c3;
$color-4: #edadbc;
$color-5: #ebcad4;

TAILWIND

colors: {
  'brand-1': '#5ad1bd',
  'brand-2': '#a9b8b2',
  'brand-3': '#dba7c3',
  'brand-4': '#edadbc',
  'brand-5': '#ebcad4',
}

RGB Array

[90, 209, 189], [169, 184, 178], [219, 167, 195], [237, 173, 188], [235, 202, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #5AD1BD, #A9B8B2, #DBA7C3, #EDADBC, #EBCAD4 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: #5ad1bd; --color-2: #a9b8b2; --color-3: #dba7c3; --color-4: #edadbc; --color-5: #ebcad4. 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