← Back to Editor

#769189 · #ECD3C0 · #7A9176 · #E3E7C2 · #767E91

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

#769189

Mineral Blue · LightSlateGray · Lake Green

HEX
#769189
RGB
rgb(118, 145, 137)
HSL
hsl(162, 11%, 52%)
HSB
hsb(162, 19%, 57%)
CMYK
cmyk(19%, 0%, 6%, 43%)
Oklch
oklch(63.3% 0.033 175.3)

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

#ECD3C0

Apricot · Wheat · Peach Orange

HEX
#ECD3C0
RGB
rgb(236, 211, 192)
HSL
hsl(26, 54%, 84%)
HSB
hsb(26, 19%, 93%)
CMYK
cmyk(0%, 11%, 19%, 7%)
Oklch
oklch(88.3% 0.038 59.5)

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

#7A9176

Celadon · Gray · Olive Green

HEX
#7A9176
RGB
rgb(122, 145, 118)
HSL
hsl(111, 11%, 52%)
HSB
hsb(111, 19%, 57%)
CMYK
cmyk(16%, 0%, 19%, 43%)
Oklch
oklch(63.1% 0.048 141.0)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#E3E7C2

Fresh Green · Wheat · Lemon Cream

HEX
#E3E7C2
RGB
rgb(227, 231, 194)
HSL
hsl(66, 44%, 83%)
HSB
hsb(66, 16%, 91%)
CMYK
cmyk(2%, 0%, 16%, 9%)
Oklch
oklch(91.5% 0.049 112.4)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#767E91

Azure · SlateGray · Navy Blue

HEX
#767E91
RGB
rgb(118, 126, 145)
HSL
hsl(222, 11%, 52%)
HSB
hsb(222, 19%, 57%)
CMYK
cmyk(19%, 13%, 0%, 43%)
Oklch
oklch(59.3% 0.031 267.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

769189
92777F

Analogous

77927D
769189
778D92

Triadic

769189
8A7792
928A77

Split-Comp.

769189
92778D
927D77

Tetradic

769189
7D7792
92777F
8D9277

Contrast Matrix WCAG 2.1 Contrast

769189
ECD3C0
7A9176
E3E7C2
767E91
—
2.4
Fail
1.0
Fail
2.7
Fail
1.2
Fail
2.4
Fail
—
2.4
Fail
1.1
Fail
2.8
Fail
1.0
Fail
2.4
Fail
—
2.7
Fail
1.2
Fail
2.7
Fail
1.1
Fail
2.7
Fail
—
3.2
AA Large
1.2
Fail
2.8
Fail
1.2
Fail
3.2
AA Large
—
White BG
3.4AA Large
1.4Fail
3.4AA Large
1.3Fail
4.1AA Large
Black BG
6.2AA
14.6AAA
6.1AA
16.5AAA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

82828B
E1E1C5
84847D
E5E5CB
797A8C

Deuteranopia

807E8B
E3E5C6
83817E
E5E4CD
79788B

Tritanopia

778C8D
EBC8C9
7B8283
E3D2D4
768988

Achromatopsia

888888
D8D8D8
878787
E2E2E2
7E7E7E

Shades & Tints Shades & Tints

#769189

Dark
Light

#ECD3C0

Dark
Light

#7A9176

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #769189;
  --color-2: #ecd3c0;
  --color-3: #7a9176;
  --color-4: #e3e7c2;
  --color-5: #767e91;
}

SCSS

$color-1: #769189;
$color-2: #ecd3c0;
$color-3: #7a9176;
$color-4: #e3e7c2;
$color-5: #767e91;

TAILWIND

colors: {
  'brand-1': '#769189',
  'brand-2': '#ecd3c0',
  'brand-3': '#7a9176',
  'brand-4': '#e3e7c2',
  'brand-5': '#767e91',
}

RGB Array

[118, 145, 137], [236, 211, 192], [122, 145, 118], [227, 231, 194], [118, 126, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #769189, #ECD3C0, #7A9176, #E3E7C2, #767E91 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: #769189; --color-2: #ecd3c0; --color-3: #7a9176; --color-4: #e3e7c2; --color-5: #767e91. 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