← Back to Editor

#736B75 · #79A5A0 · #CCCEC4 · #E5CBB9 · #C68273

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

#736B75

Ink Gray · DimGray · Warm Gray

HEX
#736B75
RGB
rgb(115, 107, 117)
HSL
hsl(288, 4%, 44%)
HSB
hsb(288, 9%, 46%)
CMYK
cmyk(2%, 9%, 0%, 54%)
Oklch
oklch(53.8% 0.018 319.5)

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

#79A5A0

Mineral Blue · CadetBlue · Lake Green

HEX
#79A5A0
RGB
rgb(121, 165, 160)
HSL
hsl(173, 20%, 56%)
HSB
hsb(173, 27%, 65%)
CMYK
cmyk(27%, 0%, 3%, 35%)
Oklch
oklch(68.9% 0.048 187.4)

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

#CCCEC4

Willow Green · LightGray · Pearl Gray

HEX
#CCCEC4
RGB
rgb(204, 206, 196)
HSL
hsl(72, 9%, 79%)
HSB
hsb(72, 5%, 81%)
CMYK
cmyk(1%, 0%, 5%, 19%)
Oklch
oklch(84.7% 0.014 115.9)

Traditional「Willow Green」· Paint「Pearl Gray」· Creative Silver Lining

#E5CBB9

Apricot · Wheat · Peach Orange

HEX
#E5CBB9
RGB
rgb(229, 203, 185)
HSL
hsl(25, 46%, 81%)
HSB
hsb(25, 19%, 90%)
CMYK
cmyk(0%, 11%, 19%, 10%)
Oklch
oklch(85.9% 0.038 56.9)

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

#C68273

Peach Pink · DarkSalmon · Coral Red

HEX
#C68273
RGB
rgb(198, 130, 115)
HSL
hsl(11, 42%, 61%)
HSB
hsb(11, 42%, 78%)
CMYK
cmyk(0%, 34%, 42%, 22%)
Oklch
oklch(67.3% 0.088 33.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

736B75
6E756C

Analogous

6E6C75
736B75
756C72

Triadic

736B75
75736C
6C7573

Split-Comp.

736B75
72756C
6C756E

Tetradic

736B75
756E6C
6E756C
6C7275

Contrast Matrix WCAG 2.1 Contrast

736B75
79A5A0
CCCEC4
E5CBB9
C68273
—
1.9
Fail
3.2
AA Large
3.3
AA Large
1.7
Fail
1.9
Fail
—
1.7
Fail
1.8
Fail
1.1
Fail
3.2
AA Large
1.7
Fail
—
1.0
Fail
1.9
Fail
3.3
AA Large
1.8
Fail
1.0
Fail
—
2.0
Fail
1.7
Fail
1.1
Fail
1.9
Fail
2.0
Fail
—
White BG
5.1AA
2.7Fail
1.6Fail
1.5Fail
3.1AA Large
Black BG
4.1AA Large
7.7AAA
13.2AAA
13.6AAA
6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

706F73
8C8CA1
CDCDC6
DADABD
A9A877

Deuteranopia

707172
8A86A2
CDCDC7
DBDDBE
ADB278

Tritanopia

737170
7BA2A2
CCC8C9
E4C1C2
C3797A

Achromatopsia

6F6F6F
979797
CCCCCC
D1D1D1
959595

Shades & Tints Shades & Tints

#736B75

Dark
Light

#79A5A0

Dark
Light

#CCCEC4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #736b75;
  --color-2: #79a5a0;
  --color-3: #cccec4;
  --color-4: #e5cbb9;
  --color-5: #c68273;
}

SCSS

$color-1: #736b75;
$color-2: #79a5a0;
$color-3: #cccec4;
$color-4: #e5cbb9;
$color-5: #c68273;

TAILWIND

colors: {
  'brand-1': '#736b75',
  'brand-2': '#79a5a0',
  'brand-3': '#cccec4',
  'brand-4': '#e5cbb9',
  'brand-5': '#c68273',
}

RGB Array

[115, 107, 117], [121, 165, 160], [204, 206, 196], [229, 203, 185], [198, 130, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #736B75, #79A5A0, #CCCEC4, #E5CBB9, #C68273 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: #736b75; --color-2: #79a5a0; --color-3: #cccec4; --color-4: #e5cbb9; --color-5: #c68273. 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