← Back to Editor

#737375 · #96908A · #DECEBF · #82A2C2 · #5F79BA

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#737375

Ink Gray · DimGray · Warm Gray

HEX
#737375
RGB
rgb(115, 115, 117)
HSL
hsl(240, 1%, 45%)
HSB
hsb(240, 2%, 46%)
CMYK
cmyk(2%, 2%, 0%, 54%)
Oklch
oklch(55.6% 0.003 286.3)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#96908A

Ash · Gray · Silver Sand

HEX
#96908A
RGB
rgb(150, 144, 138)
HSL
hsl(30, 5%, 56%)
HSB
hsb(30, 8%, 59%)
CMYK
cmyk(0%, 4%, 8%, 41%)
Oklch
oklch(65.7% 0.011 67.6)

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

#DECEBF

Apricot · LightGray · Peach Orange

HEX
#DECEBF
RGB
rgb(222, 206, 191)
HSL
hsl(29, 32%, 81%)
HSB
hsb(29, 14%, 87%)
CMYK
cmyk(0%, 7%, 14%, 13%)
Oklch
oklch(86.0% 0.027 65.6)

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

#82A2C2

Azure · DarkGray · Cobalt Blue

HEX
#82A2C2
RGB
rgb(130, 162, 194)
HSL
hsl(210, 34%, 64%)
HSB
hsb(210, 33%, 76%)
CMYK
cmyk(33%, 16%, 0%, 24%)
Oklch
oklch(70.0% 0.059 248.7)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#5F79BA

Azure · SteelBlue · Navy Blue

HEX
#5F79BA
RGB
rgb(95, 121, 186)
HSL
hsl(223, 40%, 55%)
HSB
hsb(223, 49%, 73%)
CMYK
cmyk(49%, 35%, 0%, 27%)
Oklch
oklch(58.4% 0.105 266.6)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

737375
747472

Analogous

727374
737375
737274

Triadic

737375
747272
727472

Split-Comp.

737375
747372
737472

Tetradic

737375
747273
747472
727473

Contrast Matrix WCAG 2.1 Contrast

737375
96908A
DECEBF
82A2C2
5F79BA
—
1.5
Fail
3.1
AA Large
1.8
Fail
1.1
Fail
1.5
Fail
—
2.1
Fail
1.2
Fail
1.3
Fail
3.1
AA Large
2.1
Fail
—
1.7
Fail
2.8
Fail
1.8
Fail
1.2
Fail
1.7
Fail
—
1.6
Fail
1.1
Fail
1.3
Fail
2.8
Fail
1.6
Fail
—
White BG
4.7AA
3.2AA Large
1.5Fail
2.7Fail
4.3AA Large
Black BG
4.4AA Large
6.7AA
13.7AAA
7.9AAA
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

737375
93938B
D7D7C3
9090BA
6A6AAA

Deuteranopia

737374
94948C
D8D9C4
8E8CB8
6967A7

Tritanopia

737474
968D8D
DDC5C6
84B4B3
609E9B

Achromatopsia

737373
919191
D1D1D1
9C9C9C
797979

Shades & Tints Shades & Tints

#737375

Dark
Light

#96908A

Dark
Light

#DECEBF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #737375;
  --color-2: #96908a;
  --color-3: #decebf;
  --color-4: #82a2c2;
  --color-5: #5f79ba;
}

SCSS

$color-1: #737375;
$color-2: #96908a;
$color-3: #decebf;
$color-4: #82a2c2;
$color-5: #5f79ba;

TAILWIND

colors: {
  'brand-1': '#737375',
  'brand-2': '#96908a',
  'brand-3': '#decebf',
  'brand-4': '#82a2c2',
  'brand-5': '#5f79ba',
}

RGB Array

[115, 115, 117], [150, 144, 138], [222, 206, 191], [130, 162, 194], [95, 121, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #737375, #96908A, #DECEBF, #82A2C2, #5F79BA is ideal for: brand design, premium product pages, magazine layouts. 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: #737375; --color-2: #96908a; --color-3: #decebf; --color-4: #82a2c2; --color-5: #5f79ba. 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. 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. 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