← Back to Editor

#D0E7B2 · #B5D7A5 · #92B79F · #779491 · #59677A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#D0E7B2

Willow Green · Wheat · Apple Green

HEX
#D0E7B2
RGB
rgb(208, 231, 178)
HSL
hsl(86, 52%, 80%)
HSB
hsb(86, 23%, 91%)
CMYK
cmyk(10%, 0%, 23%, 9%)
Oklch
oklch(89.8% 0.074 126.9)

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

#B5D7A5

Celadon · Silver · Apple Green

HEX
#B5D7A5
RGB
rgb(181, 215, 165)
HSL
hsl(101, 38%, 75%)
HSB
hsb(101, 23%, 84%)
CMYK
cmyk(16%, 0%, 23%, 16%)
Oklch
oklch(84.1% 0.077 135.7)

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

#92B79F

Celadon · DarkSeaGreen · Apple Green

HEX
#92B79F
RGB
rgb(146, 183, 159)
HSL
hsl(141, 20%, 65%)
HSB
hsb(141, 20%, 72%)
CMYK
cmyk(20%, 0%, 13%, 28%)
Oklch
oklch(74.5% 0.053 156.5)

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

#779491

Mineral Blue · LightSlateGray · Lake Green

HEX
#779491
RGB
rgb(119, 148, 145)
HSL
hsl(174, 12%, 52%)
HSB
hsb(174, 20%, 58%)
CMYK
cmyk(20%, 0%, 2%, 42%)
Oklch
oklch(64.3% 0.033 188.6)

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

#59677A

Indigo · DimGray · Navy Blue

HEX
#59677A
RGB
rgb(89, 103, 122)
HSL
hsl(215, 16%, 41%)
HSB
hsb(215, 27%, 48%)
CMYK
cmyk(27%, 16%, 0%, 52%)
Oklch
oklch(50.9% 0.035 256.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0E7B2
C8B1E7

Analogous

E7E3B1
D0E7B2
B5E7B1

Triadic

D0E7B2
B1D0E7
E7B1D0

Split-Comp.

D0E7B2
B1B5E7
E3B1E7

Tetradic

D0E7B2
B1E7E3
C8B1E7
E7B1B5

Contrast Matrix WCAG 2.1 Contrast

D0E7B2
B5D7A5
92B79F
779491
59677A
—
1.2
Fail
1.7
Fail
2.5
Fail
4.3
AA Large
1.2
Fail
—
1.4
Fail
2.1
Fail
3.6
AA Large
1.7
Fail
1.4
Fail
—
1.5
Fail
2.6
Fail
2.5
Fail
2.1
Fail
1.5
Fail
—
1.8
Fail
4.3
AA Large
3.6
AA Large
2.6
Fail
1.8
Fail
—
White BG
1.3Fail
1.6Fail
2.2Fail
3.3AA Large
5.8AA
Black BG
15.8AAA
13.2AAA
9.5AAA
6.4AA
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADABF
C4C4B1
A2A2A5
848492
5F5F75

Deuteranopia

D9D7C2
C2BFB4
A09DA6
828092
5E5D74

Tritanopia

D1C9CB
B7BBBD
94A9AA
789292
5A7271

Achromatopsia

DADADA
C7C7C7
A9A9A9
8B8B8B
656565

Shades & Tints Shades & Tints

#D0E7B2

Dark
Light

#B5D7A5

Dark
Light

#92B79F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0e7b2;
  --color-2: #b5d7a5;
  --color-3: #92b79f;
  --color-4: #779491;
  --color-5: #59677a;
}

SCSS

$color-1: #d0e7b2;
$color-2: #b5d7a5;
$color-3: #92b79f;
$color-4: #779491;
$color-5: #59677a;

TAILWIND

colors: {
  'brand-1': '#d0e7b2',
  'brand-2': '#b5d7a5',
  'brand-3': '#92b79f',
  'brand-4': '#779491',
  'brand-5': '#59677a',
}

RGB Array

[208, 231, 178], [181, 215, 165], [146, 183, 159], [119, 148, 145], [89, 103, 122]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0E7B2, #B5D7A5, #92B79F, #779491, #59677A 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: #d0e7b2; --color-2: #b5d7a5; --color-3: #92b79f; --color-4: #779491; --color-5: #59677a. 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