← Back to Editor

#85A09B · #99AFAB · #D6DBCC · #E5E8DF · #EFF2E9

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#85A09B

Mineral Blue · LightSlateGray · Lake Green

HEX
#85A09B
RGB
rgb(133, 160, 155)
HSL
hsl(169, 12%, 57%)
HSB
hsb(169, 17%, 63%)
CMYK
cmyk(17%, 0%, 3%, 37%)
Oklch
oklch(68.4% 0.031 182.9)

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

#99AFAB

Jade · DarkGray · Lake Green

HEX
#99AFAB
RGB
rgb(153, 175, 171)
HSL
hsl(169, 12%, 64%)
HSB
hsb(169, 13%, 69%)
CMYK
cmyk(13%, 0%, 2%, 31%)
Oklch
oklch(73.6% 0.025 183.5)

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

#D6DBCC

Willow Green · LightGray · Mint Green

HEX
#D6DBCC
RGB
rgb(214, 219, 204)
HSL
hsl(80, 17%, 83%)
HSB
hsb(80, 7%, 86%)
CMYK
cmyk(2%, 0%, 7%, 14%)
Oklch
oklch(88.3% 0.021 121.9)

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

#E5E8DF

Willow Green · Beige · Mint Green

HEX
#E5E8DF
RGB
rgb(229, 232, 223)
HSL
hsl(80, 16%, 89%)
HSB
hsb(80, 4%, 91%)
CMYK
cmyk(1%, 0%, 4%, 9%)
Oklch
oklch(92.6% 0.012 121.7)

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

#EFF2E9

Willow Green · Linen · Mint Green

HEX
#EFF2E9
RGB
rgb(239, 242, 233)
HSL
hsl(80, 26%, 93%)
HSB
hsb(80, 4%, 95%)
CMYK
cmyk(1%, 0%, 4%, 5%)
Oklch
oklch(95.6% 0.012 121.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

85A09B
9F8489

Analogous

849F8D
85A09B
84969F

Triadic

85A09B
9A849F
9F9A84

Split-Comp.

85A09B
9F8496
9F8D84

Tetradic

85A09B
8D849F
9F8489
969F84

Contrast Matrix WCAG 2.1 Contrast

85A09B
99AFAB
D6DBCC
E5E8DF
EFF2E9
—
1.2
Fail
2.0
Fail
2.3
Fail
2.5
Fail
1.2
Fail
—
1.6
Fail
1.9
Fail
2.0
Fail
2.0
Fail
1.6
Fail
—
1.1
Fail
1.2
Fail
2.3
Fail
1.9
Fail
1.1
Fail
—
1.1
Fail
2.5
Fail
2.0
Fail
1.2
Fail
1.1
Fail
—
White BG
2.8Fail
2.3Fail
1.4Fail
1.2Fail
1.1Fail
Black BG
7.5AAA
9.1AAA
14.9AAA
16.9AAA
18.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

91919C
A3A3AC
D8D8D0
E6E6E1
F0F0EB

Deuteranopia

8F8D9D
A1A0AC
D8D8D1
E6E6E2
F0F0EC

Tritanopia

869D9D
9AADAD
D6D2D3
E5E3E3
EFEDED

Achromatopsia

979797
A8A8A8
D8D8D8
E6E6E6
F0F0F0

Shades & Tints Shades & Tints

#85A09B

Dark
Light

#99AFAB

Dark
Light

#D6DBCC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #85a09b;
  --color-2: #99afab;
  --color-3: #d6dbcc;
  --color-4: #e5e8df;
  --color-5: #eff2e9;
}

SCSS

$color-1: #85a09b;
$color-2: #99afab;
$color-3: #d6dbcc;
$color-4: #e5e8df;
$color-5: #eff2e9;

TAILWIND

colors: {
  'brand-1': '#85a09b',
  'brand-2': '#99afab',
  'brand-3': '#d6dbcc',
  'brand-4': '#e5e8df',
  'brand-5': '#eff2e9',
}

RGB Array

[133, 160, 155], [153, 175, 171], [214, 219, 204], [229, 232, 223], [239, 242, 233]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #85A09B, #99AFAB, #D6DBCC, #E5E8DF, #EFF2E9 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #85a09b; --color-2: #99afab; --color-3: #d6dbcc; --color-4: #e5e8df; --color-5: #eff2e9. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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