← Back to Editor

#7D8A75 · #50A79B · #A9C4AA · #BFE0C0 · #D8EBC5

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#7D8A75

Celadon · Gray · Warm Gray

HEX
#7D8A75
RGB
rgb(125, 138, 117)
HSL
hsl(97, 8%, 50%)
HSB
hsb(97, 15%, 54%)
CMYK
cmyk(9%, 0%, 15%, 46%)
Oklch
oklch(61.7% 0.034 133.5)

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

#50A79B

Mineral Blue · CadetBlue · Mint Ice

HEX
#50A79B
RGB
rgb(80, 167, 155)
HSL
hsl(172, 35%, 48%)
HSB
hsb(172, 52%, 65%)
CMYK
cmyk(52%, 0%, 7%, 35%)
Oklch
oklch(67.1% 0.086 183.5)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#A9C4AA

Celadon · DarkGray · Apple Green

HEX
#A9C4AA
RGB
rgb(169, 196, 170)
HSL
hsl(122, 19%, 72%)
HSB
hsb(122, 14%, 77%)
CMYK
cmyk(14%, 0%, 13%, 23%)
Oklch
oklch(79.3% 0.047 146.1)

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

#BFE0C0

Celadon · LightGray · Mint Green

HEX
#BFE0C0
RGB
rgb(191, 224, 192)
HSL
hsl(122, 35%, 81%)
HSB
hsb(122, 15%, 88%)
CMYK
cmyk(15%, 0%, 14%, 12%)
Oklch
oklch(87.4% 0.056 145.9)

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

#D8EBC5

Celadon · LightGray · Mint Green

HEX
#D8EBC5
RGB
rgb(216, 235, 197)
HSL
hsl(90, 49%, 85%)
HSB
hsb(90, 16%, 92%)
CMYK
cmyk(8%, 0%, 16%, 8%)
Oklch
oklch(91.6% 0.054 129.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7D8A75
82758A

Analogous

878A75
7D8A75
758A78

Triadic

7D8A75
757D8A
8A757D

Split-Comp.

7D8A75
78758A
8A7587

Tetradic

7D8A75
75878A
82758A
8A7875

Contrast Matrix WCAG 2.1 Contrast

7D8A75
50A79B
A9C4AA
BFE0C0
D8EBC5
—
1.3
Fail
1.9
Fail
2.5
Fail
2.9
Fail
1.3
Fail
—
1.5
Fail
2.0
Fail
2.3
Fail
1.9
Fail
1.5
Fail
—
1.3
Fail
1.5
Fail
2.5
Fail
2.0
Fail
1.3
Fail
—
1.1
Fail
2.9
Fail
2.3
Fail
1.5
Fail
1.1
Fail
—
White BG
3.6AA Large
2.9Fail
1.9Fail
1.4Fail
1.3Fail
Black BG
5.8AA
7.3AAA
11.2AAA
14.6AAA
16.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

83837A
76769E
B5B5B0
CDCEC8
E0E0CE

Deuteranopia

82817B
716A9F
B3B1B2
CBC9CA
DFDED0

Tritanopia

7E7E7F
54A0A1
AAB5B6
C1CECF
D9D5D7

Achromatopsia

848484
8C8C8C
B9B9B9
D2D2D2
E1E1E1

Shades & Tints Shades & Tints

#7D8A75

Dark
Light

#50A79B

Dark
Light

#A9C4AA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7d8a75;
  --color-2: #50a79b;
  --color-3: #a9c4aa;
  --color-4: #bfe0c0;
  --color-5: #d8ebc5;
}

SCSS

$color-1: #7d8a75;
$color-2: #50a79b;
$color-3: #a9c4aa;
$color-4: #bfe0c0;
$color-5: #d8ebc5;

TAILWIND

colors: {
  'brand-1': '#7d8a75',
  'brand-2': '#50a79b',
  'brand-3': '#a9c4aa',
  'brand-4': '#bfe0c0',
  'brand-5': '#d8ebc5',
}

RGB Array

[125, 138, 117], [80, 167, 155], [169, 196, 170], [191, 224, 192], [216, 235, 197]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7D8A75, #50A79B, #A9C4AA, #BFE0C0, #D8EBC5 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: #7d8a75; --color-2: #50a79b; --color-3: #a9c4aa; --color-4: #bfe0c0; --color-5: #d8ebc5. 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