← Back to Editor

#5F7C75 · #849B92 · #DBE0C9 · #FCF9C3 · #B7A09F

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

WorkspaceReadingData Visualization

Color Details Color Details

#5F7C75

Mineral Blue · DimGray · Mint Ice

HEX
#5F7C75
RGB
rgb(95, 124, 117)
HSL
hsl(166, 13%, 43%)
HSB
hsb(166, 23%, 49%)
CMYK
cmyk(23%, 0%, 6%, 51%)
Oklch
oklch(56.2% 0.035 178.5)

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

#849B92

Mineral Blue · LightSlateGray · Olive Green

HEX
#849B92
RGB
rgb(132, 155, 146)
HSL
hsl(157, 10%, 56%)
HSB
hsb(157, 15%, 61%)
CMYK
cmyk(15%, 0%, 6%, 39%)
Oklch
oklch(66.9% 0.029 169.8)

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

#DBE0C9

Willow Green · LightGray · Mint Green

HEX
#DBE0C9
RGB
rgb(219, 224, 201)
HSL
hsl(73, 27%, 83%)
HSB
hsb(73, 10%, 88%)
CMYK
cmyk(2%, 0%, 10%, 12%)
Oklch
oklch(89.7% 0.031 117.0)

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

#FCF9C3

Fresh Green · Bisque · Lemon Cream

HEX
#FCF9C3
RGB
rgb(252, 249, 195)
HSL
hsl(57, 90%, 88%)
HSB
hsb(57, 23%, 99%)
CMYK
cmyk(0%, 1%, 23%, 1%)
Oklch
oklch(97.1% 0.069 105.0)

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

#B7A09F

Peach Pink · DarkGray · Coral Red

HEX
#B7A09F
RGB
rgb(183, 160, 159)
HSL
hsl(2, 14%, 67%)
HSB
hsb(2, 13%, 72%)
CMYK
cmyk(0%, 13%, 13%, 28%)
Oklch
oklch(72.6% 0.027 20.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5F7C75
7C5F66

Analogous

5F7C67
5F7C75
5F747C

Triadic

5F7C75
755F7C
7C755F

Split-Comp.

5F7C75
7C5F74
7C675F

Tetradic

5F7C75
675F7C
7C5F66
747C5F

Contrast Matrix WCAG 2.1 Contrast

5F7C75
849B92
DBE0C9
FCF9C3
B7A09F
—
1.5
Fail
3.4
AA Large
4.2
AA Large
1.8
Fail
1.5
Fail
—
2.2
Fail
2.7
Fail
1.2
Fail
3.4
AA Large
2.2
Fail
—
1.3
Fail
1.8
Fail
4.2
AA Large
2.7
Fail
1.3
Fail
—
2.3
Fail
1.8
Fail
1.2
Fail
1.8
Fail
2.3
Fail
—
White BG
4.5AA
3.0Fail
1.4Fail
1.1Fail
2.5Fail
Black BG
4.6AA
7.1AAA
15.5AAA
19.5AAA
8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6C6C77
8E8E94
DDDDCF
FBFBD0
ADAD9F

Deuteranopia

6A6877
8D8B95
DDDDD0
FBFBD3
AEB09F

Tritanopia

607878
859696
DBD3D4
FCDADD
B69F9F

Achromatopsia

737373
939393
DCDCDC
F4F4F4
A7A7A7

Shades & Tints Shades & Tints

#5F7C75

Dark
Light

#849B92

Dark
Light

#DBE0C9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5f7c75;
  --color-2: #849b92;
  --color-3: #dbe0c9;
  --color-4: #fcf9c3;
  --color-5: #b7a09f;
}

SCSS

$color-1: #5f7c75;
$color-2: #849b92;
$color-3: #dbe0c9;
$color-4: #fcf9c3;
$color-5: #b7a09f;

TAILWIND

colors: {
  'brand-1': '#5f7c75',
  'brand-2': '#849b92',
  'brand-3': '#dbe0c9',
  'brand-4': '#fcf9c3',
  'brand-5': '#b7a09f',
}

RGB Array

[95, 124, 117], [132, 155, 146], [219, 224, 201], [252, 249, 195], [183, 160, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5F7C75, #849B92, #DBE0C9, #FCF9C3, #B7A09F is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #5f7c75; --color-2: #849b92; --color-3: #dbe0c9; --color-4: #fcf9c3; --color-5: #b7a09f. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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