← Back to Editor

#737282 · #89888E · #C0BBB5 · #E7D7CA · #A19690

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

#737282

Ink Gray · Gray · Warm Gray

HEX
#737282
RGB
rgb(115, 114, 130)
HSL
hsl(244, 7%, 48%)
HSB
hsb(244, 12%, 51%)
CMYK
cmyk(12%, 12%, 0%, 49%)
Oklch
oklch(55.9% 0.025 288.4)

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

#89888E

Ash · Gray · Warm Gray

HEX
#89888E
RGB
rgb(137, 136, 142)
HSL
hsl(250, 3%, 55%)
HSB
hsb(250, 4%, 56%)
CMYK
cmyk(4%, 4%, 0%, 44%)
Oklch
oklch(63.0% 0.009 293.8)

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

#C0BBB5

Goose Yellow · Silver · Pearl Gray

HEX
#C0BBB5
RGB
rgb(192, 187, 181)
HSL
hsl(33, 8%, 73%)
HSB
hsb(33, 6%, 75%)
CMYK
cmyk(0%, 3%, 6%, 25%)
Oklch
oklch(79.4% 0.010 72.6)

Traditional「Goose Yellow」· Paint「Pearl Gray」· Creative Silver Lining

#E7D7CA

Apricot · LightGray · Peach Orange

HEX
#E7D7CA
RGB
rgb(231, 215, 202)
HSL
hsl(27, 38%, 85%)
HSB
hsb(27, 13%, 91%)
CMYK
cmyk(0%, 7%, 13%, 9%)
Oklch
oklch(88.9% 0.025 61.6)

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

#A19690

Tangerine · DarkGray · Silver Sand

HEX
#A19690
RGB
rgb(161, 150, 144)
HSL
hsl(21, 8%, 60%)
HSB
hsb(21, 11%, 63%)
CMYK
cmyk(0%, 7%, 11%, 37%)
Oklch
oklch(68.1% 0.016 50.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

737282
828372

Analogous

727983
737282
7C7283

Triadic

737282
837372
728373

Split-Comp.

737282
837C72
798372

Tetradic

737282
837279
828372
72837C

Contrast Matrix WCAG 2.1 Contrast

737282
89888E
C0BBB5
E7D7CA
A19690
—
1.3
Fail
2.5
Fail
3.4
AA Large
1.6
Fail
1.3
Fail
—
1.8
Fail
2.5
Fail
1.2
Fail
2.5
Fail
1.8
Fail
—
1.4
Fail
1.5
Fail
3.4
AA Large
2.5
Fail
1.4
Fail
—
2.1
Fail
1.6
Fail
1.2
Fail
1.5
Fail
2.1
Fail
—
White BG
4.7AA
3.5AA Large
1.9Fail
1.4Fail
2.9Fail
Black BG
4.5AA Large
6.0AA
11.0AAA
15.0AAA
7.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

73737E
89898D
BEBEB6
E0E0CD
9C9C91

Deuteranopia

73737D
89898C
BEBEB7
E1E2CE
9D9E92

Tritanopia

737B7A
898B8B
C0B8B8
E6D0D0
A09393

Achromatopsia

747474
898989
BCBCBC
DADADA
999999

Shades & Tints Shades & Tints

#737282

Dark
Light

#89888E

Dark
Light

#C0BBB5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #737282;
  --color-2: #89888e;
  --color-3: #c0bbb5;
  --color-4: #e7d7ca;
  --color-5: #a19690;
}

SCSS

$color-1: #737282;
$color-2: #89888e;
$color-3: #c0bbb5;
$color-4: #e7d7ca;
$color-5: #a19690;

TAILWIND

colors: {
  'brand-1': '#737282',
  'brand-2': '#89888e',
  'brand-3': '#c0bbb5',
  'brand-4': '#e7d7ca',
  'brand-5': '#a19690',
}

RGB Array

[115, 114, 130], [137, 136, 142], [192, 187, 181], [231, 215, 202], [161, 150, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #737282, #89888E, #C0BBB5, #E7D7CA, #A19690 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: #737282; --color-2: #89888e; --color-3: #c0bbb5; --color-4: #e7d7ca; --color-5: #a19690. 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