← Back to Editor

#515357 · #79D1B9 · #BBDCCE · #D1DACE · #F0DAC5

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#515357

Ink Gray · DarkSlateGray · Charcoal

HEX
#515357
RGB
rgb(81, 83, 87)
HSL
hsl(220, 4%, 33%)
HSB
hsb(220, 7%, 34%)
CMYK
cmyk(7%, 5%, 0%, 66%)
Oklch
oklch(44.2% 0.007 264.5)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#79D1B9

Jade · MediumAquaMarine · Lake Green

HEX
#79D1B9
RGB
rgb(121, 209, 185)
HSL
hsl(164, 49%, 65%)
HSB
hsb(164, 42%, 82%)
CMYK
cmyk(42%, 0%, 11%, 18%)
Oklch
oklch(79.8% 0.093 174.3)

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

#BBDCCE

Jade · LightGray · Apple Green

HEX
#BBDCCE
RGB
rgb(187, 220, 206)
HSL
hsl(155, 32%, 80%)
HSB
hsb(155, 15%, 86%)
CMYK
cmyk(15%, 0%, 6%, 14%)
Oklch
oklch(86.7% 0.040 167.9)

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

#D1DACE

Celadon · LightGray · Mint Green

HEX
#D1DACE
RGB
rgb(209, 218, 206)
HSL
hsl(105, 14%, 83%)
HSB
hsb(105, 6%, 85%)
CMYK
cmyk(4%, 0%, 6%, 15%)
Oklch
oklch(87.8% 0.019 137.8)

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

#F0DAC5

Apricot · Bisque · Peach Orange

HEX
#F0DAC5
RGB
rgb(240, 218, 197)
HSL
hsl(29, 59%, 86%)
HSB
hsb(29, 18%, 94%)
CMYK
cmyk(0%, 9%, 18%, 6%)
Oklch
oklch(90.1% 0.037 66.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

515357
585551

Analogous

515658
515357
525158

Triadic

515357
585153
535851

Split-Comp.

515357
585251
565851

Tetradic

515357
585156
585551
515852

Contrast Matrix WCAG 2.1 Contrast

515357
79D1B9
BBDCCE
D1DACE
F0DAC5
—
4.3
AA Large
5.2
AA
5.4
AA
5.7
AA
4.3
AA Large
—
1.2
Fail
1.3
Fail
1.3
Fail
5.2
AA
1.2
Fail
—
1.0
Fail
1.1
Fail
5.4
AA
1.3
Fail
1.0
Fail
—
1.1
Fail
5.7
AA
1.3
Fail
1.1
Fail
1.1
Fail
—
White BG
7.7AAA
1.8Fail
1.5Fail
1.4Fail
1.4Fail
Black BG
2.7Fail
11.6AAA
14.2AAA
14.6AAA
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

525256
9FA0BF
C9CAD1
D5D5D1
E6E6CA

Deuteranopia

525256
9A93C0
C7C5D2
D4D4D2
E8E9CB

Tritanopia

515555
7DC3C4
BDD4D5
D1D3D4
EFCECF

Achromatopsia

535353
B4B4B4
D1D1D1
D6D6D6
DEDEDE

Shades & Tints Shades & Tints

#515357

Dark
Light

#79D1B9

Dark
Light

#BBDCCE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #515357;
  --color-2: #79d1b9;
  --color-3: #bbdcce;
  --color-4: #d1dace;
  --color-5: #f0dac5;
}

SCSS

$color-1: #515357;
$color-2: #79d1b9;
$color-3: #bbdcce;
$color-4: #d1dace;
$color-5: #f0dac5;

TAILWIND

colors: {
  'brand-1': '#515357',
  'brand-2': '#79d1b9',
  'brand-3': '#bbdcce',
  'brand-4': '#d1dace',
  'brand-5': '#f0dac5',
}

RGB Array

[81, 83, 87], [121, 209, 185], [187, 220, 206], [209, 218, 206], [240, 218, 197]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #515357, #79D1B9, #BBDCCE, #D1DACE, #F0DAC5 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #515357; --color-2: #79d1b9; --color-3: #bbdcce; --color-4: #d1dace; --color-5: #f0dac5. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 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