← Back to Editor

#5E7073 · #95C9B4 · #BBC995 · #D1D075 · #E6E350

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

#5E7073

Slate Blue · DimGray · Mint Ice

HEX
#5E7073
RGB
rgb(94, 112, 115)
HSL
hsl(189, 10%, 41%)
HSB
hsb(189, 18%, 45%)
CMYK
cmyk(18%, 3%, 0%, 55%)
Oklch
oklch(53.1% 0.022 208.8)

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

#95C9B4

Jade · DarkGray · Apple Green

HEX
#95C9B4
RGB
rgb(149, 201, 180)
HSL
hsl(156, 32%, 69%)
HSB
hsb(156, 26%, 79%)
CMYK
cmyk(26%, 0%, 10%, 21%)
Oklch
oklch(79.4% 0.062 167.9)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#BBC995

Willow Green · Tan · Apple Green

HEX
#BBC995
RGB
rgb(187, 201, 149)
HSL
hsl(76, 32%, 69%)
HSB
hsb(76, 26%, 79%)
CMYK
cmyk(7%, 0%, 26%, 21%)
Oklch
oklch(81.2% 0.072 120.3)

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

#D1D075

Fresh Green · BurlyWood · Sunflower

HEX
#D1D075
RGB
rgb(209, 208, 117)
HSL
hsl(59, 50%, 64%)
HSB
hsb(59, 44%, 82%)
CMYK
cmyk(0%, 0%, 44%, 18%)
Oklch
oklch(83.9% 0.114 108.1)

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

#E6E350

Fresh Green · Khaki · Sunflower

HEX
#E6E350
RGB
rgb(230, 227, 80)
HSL
hsl(59, 75%, 61%)
HSB
hsb(59, 65%, 90%)
CMYK
cmyk(0%, 1%, 65%, 10%)
Oklch
oklch(89.2% 0.164 108.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5E7073
73615E

Analogous

5E736C
5E7073
5E6573

Triadic

5E7073
735E70
70735E

Split-Comp.

5E7073
735E65
736C5E

Tetradic

5E7073
6C5E73
73615E
65735E

Contrast Matrix WCAG 2.1 Contrast

5E7073
95C9B4
BBC995
D1D075
E6E350
—
2.8
Fail
2.9
Fail
3.2
AA Large
3.8
AA Large
2.8
Fail
—
1.1
Fail
1.2
Fail
1.4
Fail
2.9
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
3.2
AA Large
1.2
Fail
1.1
Fail
—
1.2
Fail
3.8
AA Large
1.4
Fail
1.3
Fail
1.2
Fail
—
White BG
5.2AA
1.9Fail
1.8Fail
1.6Fail
1.4Fail
Black BG
4.0AA Large
11.3AAA
11.9AAA
13.0AAA
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

666672
ACACB9
C1C1A2
D1D18B
E5E574

Deuteranopia

656372
A9A5BA
C0BFA5
D1D190
E5E57C

Tritanopia

5F7272
98BDBE
BCACAE
D19CA0
E69096

Achromatopsia

6B6B6B
B7B7B7
BFBFBF
C6C6C6
D3D3D3

Shades & Tints Shades & Tints

#5E7073

Dark
Light

#95C9B4

Dark
Light

#BBC995

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5e7073;
  --color-2: #95c9b4;
  --color-3: #bbc995;
  --color-4: #d1d075;
  --color-5: #e6e350;
}

SCSS

$color-1: #5e7073;
$color-2: #95c9b4;
$color-3: #bbc995;
$color-4: #d1d075;
$color-5: #e6e350;

TAILWIND

colors: {
  'brand-1': '#5e7073',
  'brand-2': '#95c9b4',
  'brand-3': '#bbc995',
  'brand-4': '#d1d075',
  'brand-5': '#e6e350',
}

RGB Array

[94, 112, 115], [149, 201, 180], [187, 201, 149], [209, 208, 117], [230, 227, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5E7073, #95C9B4, #BBC995, #D1D075, #E6E350 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #5e7073; --color-2: #95c9b4; --color-3: #bbc995; --color-4: #d1d075; --color-5: #e6e350. 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. 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