← Back to Editor

#637679 · #F3B19C · #EAECC0 · #8ED5C0 · #5FB3AC

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

#637679

Slate Blue · DimGray · Mint Ice

HEX
#637679
RGB
rgb(99, 118, 121)
HSL
hsl(188, 10%, 43%)
HSB
hsb(188, 18%, 47%)
CMYK
cmyk(18%, 2%, 0%, 53%)
Oklch
oklch(55.1% 0.023 208.1)

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

#F3B19C

Peach Pink · BurlyWood · Coral Red

HEX
#F3B19C
RGB
rgb(243, 177, 156)
HSL
hsl(14, 78%, 78%)
HSB
hsb(14, 36%, 95%)
CMYK
cmyk(0%, 27%, 36%, 5%)
Oklch
oklch(81.7% 0.083 38.4)

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

#EAECC0

Fresh Green · Wheat · Lemon Cream

HEX
#EAECC0
RGB
rgb(234, 236, 192)
HSL
hsl(63, 54%, 84%)
HSB
hsb(63, 19%, 93%)
CMYK
cmyk(1%, 0%, 19%, 7%)
Oklch
oklch(93.0% 0.058 109.6)

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

#8ED5C0

Jade · SkyBlue · Lake Green

HEX
#8ED5C0
RGB
rgb(142, 213, 192)
HSL
hsl(162, 46%, 70%)
HSB
hsb(162, 33%, 84%)
CMYK
cmyk(33%, 0%, 10%, 16%)
Oklch
oklch(82.0% 0.077 173.8)

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

#5FB3AC

Mineral Blue · CadetBlue · Lake Green

HEX
#5FB3AC
RGB
rgb(95, 179, 172)
HSL
hsl(175, 36%, 54%)
HSB
hsb(175, 47%, 70%)
CMYK
cmyk(47%, 0%, 4%, 30%)
Oklch
oklch(71.2% 0.083 188.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

637679
796663

Analogous

637971
637679
636B79

Triadic

637679
796376
767963

Split-Comp.

637679
79636B
797163

Tetradic

637679
716379
796663
6B7963

Contrast Matrix WCAG 2.1 Contrast

637679
F3B19C
EAECC0
8ED5C0
5FB3AC
—
2.6
Fail
3.9
AA Large
2.8
Fail
1.9
Fail
2.6
Fail
—
1.5
Fail
1.1
Fail
1.4
Fail
3.9
AA Large
1.5
Fail
—
1.4
Fail
2.0
Fail
2.8
Fail
1.1
Fail
1.4
Fail
—
1.5
Fail
1.9
Fail
1.4
Fail
2.0
Fail
1.5
Fail
—
White BG
4.8AA
1.8Fail
1.2Fail
1.7Fail
2.5Fail
Black BG
4.4AA Large
11.6AAA
17.3AAA
12.4AAA
8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6B6B78
D6D6A1
EBEBCB
ADADC5
8384AE

Deuteranopia

6A6978
DADFA2
EBEBCD
A9A3C6
7F78AE

Tritanopia

647878
F0A5A6
EAD3D5
92C9CA
63AFAF

Achromatopsia

717171
C2C2C2
E6E6E6
BDBDBD
999999

Shades & Tints Shades & Tints

#637679

Dark
Light

#F3B19C

Dark
Light

#EAECC0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #637679;
  --color-2: #f3b19c;
  --color-3: #eaecc0;
  --color-4: #8ed5c0;
  --color-5: #5fb3ac;
}

SCSS

$color-1: #637679;
$color-2: #f3b19c;
$color-3: #eaecc0;
$color-4: #8ed5c0;
$color-5: #5fb3ac;

TAILWIND

colors: {
  'brand-1': '#637679',
  'brand-2': '#f3b19c',
  'brand-3': '#eaecc0',
  'brand-4': '#8ed5c0',
  'brand-5': '#5fb3ac',
}

RGB Array

[99, 118, 121], [243, 177, 156], [234, 236, 192], [142, 213, 192], [95, 179, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #637679, #F3B19C, #EAECC0, #8ED5C0, #5FB3AC 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: #637679; --color-2: #f3b19c; --color-3: #eaecc0; --color-4: #8ed5c0; --color-5: #5fb3ac. 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