← Back to Editor

#95F4B5 · #93C3A3 · #97A2A7 · #7F8A9A · #625B72

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

#95F4B5

Emerald · LightGreen · Apple Green

HEX
#95F4B5
RGB
rgb(149, 244, 181)
HSL
hsl(140, 81%, 77%)
HSB
hsb(140, 39%, 96%)
CMYK
cmyk(39%, 0%, 26%, 4%)
Oklch
oklch(89.2% 0.126 154.0)

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

#93C3A3

Celadon · DarkSeaGreen · Apple Green

HEX
#93C3A3
RGB
rgb(147, 195, 163)
HSL
hsl(140, 29%, 67%)
HSB
hsb(140, 25%, 76%)
CMYK
cmyk(25%, 0%, 16%, 24%)
Oklch
oklch(77.4% 0.068 155.3)

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

#97A2A7

Sky Blue · DarkGray · Silver Sand

HEX
#97A2A7
RGB
rgb(151, 162, 167)
HSL
hsl(199, 8%, 62%)
HSB
hsb(199, 10%, 65%)
CMYK
cmyk(10%, 3%, 0%, 35%)
Oklch
oklch(70.5% 0.015 226.6)

Traditional「Sky Blue」· Paint「Silver Sand」· Creative Urban Concrete

#7F8A9A

Azure · LightSlateGray · Navy Blue

HEX
#7F8A9A
RGB
rgb(127, 138, 154)
HSL
hsl(216, 12%, 55%)
HSB
hsb(216, 18%, 60%)
CMYK
cmyk(18%, 10%, 0%, 40%)
Oklch
oklch(63.0% 0.027 257.7)

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

#625B72

Deep Indigo · DimGray · Prussian Blue

HEX
#625B72
RGB
rgb(98, 91, 114)
HSL
hsl(258, 11%, 40%)
HSB
hsb(258, 20%, 45%)
CMYK
cmyk(14%, 20%, 0%, 55%)
Oklch
oklch(48.6% 0.037 298.9)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

95F4B5
F495D4

Analogous

A5F495
95F4B5
95F4E4

Triadic

95F4B5
B595F4
F4B595

Split-Comp.

95F4B5
E495F4
F495A5

Tetradic

95F4B5
95A5F4
F495D4
F4E495

Contrast Matrix WCAG 2.1 Contrast

95F4B5
93C3A3
97A2A7
7F8A9A
625B72
—
1.5
Fail
2.0
Fail
2.6
Fail
4.9
AA
1.5
Fail
—
1.3
Fail
1.8
Fail
3.2
AA Large
2.0
Fail
1.3
Fail
—
1.3
Fail
2.5
Fail
2.6
Fail
1.8
Fail
1.3
Fail
—
1.8
Fail
4.9
AA
3.2
AA Large
2.5
Fail
1.8
Fail
—
White BG
1.3Fail
2.0Fail
2.6Fail
3.5AA Large
6.4AA
Black BG
15.9AAA
10.6AAA
8.0AAA
6.0AA
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBFC4
A8A8AB
9C9CA6
848496
5F5F6C

Deuteranopia

B9B2C8
A5A1AD
9B9AA6
838295
5F606B

Tritanopia

9AD0D3
95B1B2
98A5A5
809392
626867

Achromatopsia

D0D0D0
B1B1B1
9F9F9F
898989
606060

Shades & Tints Shades & Tints

#95F4B5

Dark
Light

#93C3A3

Dark
Light

#97A2A7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #95f4b5;
  --color-2: #93c3a3;
  --color-3: #97a2a7;
  --color-4: #7f8a9a;
  --color-5: #625b72;
}

SCSS

$color-1: #95f4b5;
$color-2: #93c3a3;
$color-3: #97a2a7;
$color-4: #7f8a9a;
$color-5: #625b72;

TAILWIND

colors: {
  'brand-1': '#95f4b5',
  'brand-2': '#93c3a3',
  'brand-3': '#97a2a7',
  'brand-4': '#7f8a9a',
  'brand-5': '#625b72',
}

RGB Array

[149, 244, 181], [147, 195, 163], [151, 162, 167], [127, 138, 154], [98, 91, 114]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #95F4B5, #93C3A3, #97A2A7, #7F8A9A, #625B72 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: #95f4b5; --color-2: #93c3a3; --color-3: #97a2a7; --color-4: #7f8a9a; --color-5: #625b72. 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