← Back to Editor

#DBCEBF · #B3C1BC · #93A49F · #5C5256 · #361721

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#DBCEBF

Goose Yellow · LightGray · Peach Orange

HEX
#DBCEBF
RGB
rgb(219, 206, 191)
HSL
hsl(32, 28%, 80%)
HSB
hsb(32, 13%, 86%)
CMYK
cmyk(0%, 6%, 13%, 14%)
Oklch
oklch(85.8% 0.025 71.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#B3C1BC

Jade · Silver · Apple Green

HEX
#B3C1BC
RGB
rgb(179, 193, 188)
HSL
hsl(159, 10%, 73%)
HSB
hsb(159, 7%, 76%)
CMYK
cmyk(7%, 0%, 3%, 24%)
Oklch
oklch(79.9% 0.017 172.5)

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

#93A49F

Jade · DarkGray · Silver Sand

HEX
#93A49F
RGB
rgb(147, 164, 159)
HSL
hsl(162, 9%, 61%)
HSB
hsb(162, 10%, 64%)
CMYK
cmyk(10%, 0%, 3%, 36%)
Oklch
oklch(70.4% 0.020 176.2)

Traditional「Jade」· Paint「Silver Sand」· Creative Urban Concrete

#5C5256

Ink Gray · DimGray · Charcoal

HEX
#5C5256
RGB
rgb(92, 82, 86)
HSL
hsl(336, 6%, 34%)
HSB
hsb(336, 11%, 36%)
CMYK
cmyk(0%, 11%, 7%, 64%)
Oklch
oklch(45.0% 0.015 351.5)

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

#361721

Dark Violet · Black · Raspberry

HEX
#361721
RGB
rgb(54, 23, 33)
HSL
hsl(341, 40%, 15%)
HSB
hsb(341, 57%, 21%)
CMYK
cmyk(0%, 57%, 39%, 79%)
Oklch
oklch(25.4% 0.051 0.9)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBCEBF
BECBDA

Analogous

DABFBE
DBCEBF
D9DABE

Triadic

DBCEBF
BEDACD
CDBEDA

Split-Comp.

DBCEBF
BED9DA
BFBEDA

Tetradic

DBCEBF
BEDABF
BECBDA
DABED9

Contrast Matrix WCAG 2.1 Contrast

DBCEBF
B3C1BC
93A49F
5C5256
361721
—
1.2
Fail
1.7
Fail
4.9
AA
10.4
AAA
1.2
Fail
—
1.4
Fail
4.0
AA Large
8.7
AAA
1.7
Fail
1.4
Fail
—
2.9
Fail
6.2
AA
4.9
AA
4.0
AA Large
2.9
Fail
—
2.1
Fail
10.4
AAA
8.7
AAA
6.2
AA
2.1
Fail
—
White BG
1.5Fail
1.9Fail
2.6Fail
7.5AAA
16.1AAA
Black BG
13.6AAA
11.3AAA
8.1AAA
2.8Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D5C3
B9B9BD
9A9BA0
585855
29281F

Deuteranopia

D6D7C4
B8B7BE
9998A1
585955
2A2D1E

Tritanopia

DAC5C6
B4BEBE
94A1A1
5B5454
341D1C

Achromatopsia

D0D0D0
BCBCBC
9E9E9E
555555
212121

Shades & Tints Shades & Tints

#DBCEBF

Dark
Light

#B3C1BC

Dark
Light

#93A49F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbcebf;
  --color-2: #b3c1bc;
  --color-3: #93a49f;
  --color-4: #5c5256;
  --color-5: #361721;
}

SCSS

$color-1: #dbcebf;
$color-2: #b3c1bc;
$color-3: #93a49f;
$color-4: #5c5256;
$color-5: #361721;

TAILWIND

colors: {
  'brand-1': '#dbcebf',
  'brand-2': '#b3c1bc',
  'brand-3': '#93a49f',
  'brand-4': '#5c5256',
  'brand-5': '#361721',
}

RGB Array

[219, 206, 191], [179, 193, 188], [147, 164, 159], [92, 82, 86], [54, 23, 33]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #DBCEBF, #B3C1BC, #93A49F, #5C5256, #361721 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #dbcebf; --color-2: #b3c1bc; --color-3: #93a49f; --color-4: #5c5256; --color-5: #361721. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 cool-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco 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