← Back to Editor

#7FA1AB · #80748A · #B2999F · #C5CEA3 · #E2E8CE

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#7FA1AB

Slate Blue · LightSlateGray · Lake Green

HEX
#7FA1AB
RGB
rgb(127, 161, 171)
HSL
hsl(194, 21%, 58%)
HSB
hsb(194, 26%, 67%)
CMYK
cmyk(26%, 6%, 0%, 33%)
Oklch
oklch(68.7% 0.040 217.6)

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

#80748A

Dark Plum · Gray · Warm Gray

HEX
#80748A
RGB
rgb(128, 116, 138)
HSL
hsl(273, 9%, 50%)
HSB
hsb(273, 16%, 54%)
CMYK
cmyk(7%, 16%, 0%, 46%)
Oklch
oklch(57.7% 0.036 309.7)

Traditional「Dark Plum」· Paint「Warm Gray」· Creative Urban Concrete

#B2999F

Peach Pink · DarkGray · Coral Red

HEX
#B2999F
RGB
rgb(178, 153, 159)
HSL
hsl(346, 14%, 65%)
HSB
hsb(346, 14%, 70%)
CMYK
cmyk(0%, 14%, 11%, 30%)
Oklch
oklch(70.7% 0.031 1.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#C5CEA3

Willow Green · Silver · Apple Green

HEX
#C5CEA3
RGB
rgb(197, 206, 163)
HSL
hsl(73, 30%, 72%)
HSB
hsb(73, 21%, 81%)
CMYK
cmyk(4%, 0%, 21%, 19%)
Oklch
oklch(83.3% 0.059 117.3)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#E2E8CE

Willow Green · LightGray · Mint Green

HEX
#E2E8CE
RGB
rgb(226, 232, 206)
HSL
hsl(74, 36%, 86%)
HSB
hsb(74, 11%, 91%)
CMYK
cmyk(3%, 0%, 11%, 9%)
Oklch
oklch(91.9% 0.035 117.7)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7FA1AB
AA887D

Analogous

7DAA9E
7FA1AB
7D89AA

Triadic

7FA1AB
AA7DA0
A0AA7D

Split-Comp.

7FA1AB
AA7D89
AA9E7D

Tetradic

7FA1AB
9E7DAA
AA887D
89AA7D

Contrast Matrix WCAG 2.1 Contrast

7FA1AB
80748A
B2999F
C5CEA3
E2E8CE
—
1.6
Fail
1.0
Fail
1.7
Fail
2.2
Fail
1.6
Fail
—
1.7
Fail
2.7
Fail
3.5
AA Large
1.0
Fail
1.7
Fail
—
1.6
Fail
2.1
Fail
1.7
Fail
2.7
Fail
1.6
Fail
—
1.3
Fail
2.2
Fail
3.5
AA Large
2.1
Fail
1.3
Fail
—
White BG
2.8Fail
4.4AA Large
2.6Fail
1.6Fail
1.3Fail
Black BG
7.6AAA
4.8AA
8.0AAA
12.7AAA
16.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8EA9
7B7B85
A7A79E
C9C9AD
E5E5D4

Deuteranopia

8C89A8
7C7C83
A9AB9D
C8C8B0
E4E4D6

Tritanopia

81A7A6
7F8080
B19C9C
C5B6B7
E2D9DA

Achromatopsia

989898
7A7A7A
A1A1A1
C6C6C6
E3E3E3

Shades & Tints Shades & Tints

#7FA1AB

Dark
Light

#80748A

Dark
Light

#B2999F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7fa1ab;
  --color-2: #80748a;
  --color-3: #b2999f;
  --color-4: #c5cea3;
  --color-5: #e2e8ce;
}

SCSS

$color-1: #7fa1ab;
$color-2: #80748a;
$color-3: #b2999f;
$color-4: #c5cea3;
$color-5: #e2e8ce;

TAILWIND

colors: {
  'brand-1': '#7fa1ab',
  'brand-2': '#80748a',
  'brand-3': '#b2999f',
  'brand-4': '#c5cea3',
  'brand-5': '#e2e8ce',
}

RGB Array

[127, 161, 171], [128, 116, 138], [178, 153, 159], [197, 206, 163], [226, 232, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7FA1AB, #80748A, #B2999F, #C5CEA3, #E2E8CE is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. 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: #7fa1ab; --color-2: #80748a; --color-3: #b2999f; --color-4: #c5cea3; --color-5: #e2e8ce. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts 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