← Back to Editor

#667479 · #94A7A0 · #C6CCB4 · #F2EED3 · #F5B79B

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

#667479

Slate Blue · DimGray · Warm Gray

HEX
#667479
RGB
rgb(102, 116, 121)
HSL
hsl(196, 9%, 44%)
HSB
hsb(196, 16%, 47%)
CMYK
cmyk(16%, 4%, 0%, 53%)
Oklch
oklch(54.9% 0.018 221.3)

Traditional「Slate Blue」· Paint「Warm Gray」· Creative Urban Concrete

#94A7A0

Jade · DarkGray · Apple Green

HEX
#94A7A0
RGB
rgb(148, 167, 160)
HSL
hsl(158, 10%, 62%)
HSB
hsb(158, 11%, 65%)
CMYK
cmyk(11%, 0%, 4%, 35%)
Oklch
oklch(71.1% 0.024 171.5)

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

#C6CCB4

Willow Green · Silver · Apple Green

HEX
#C6CCB4
RGB
rgb(198, 204, 180)
HSL
hsl(75, 19%, 75%)
HSB
hsb(75, 12%, 80%)
CMYK
cmyk(3%, 0%, 12%, 20%)
Oklch
oklch(83.4% 0.033 118.5)

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

#F2EED3

Fresh Green · Beige · Lemon Cream

HEX
#F2EED3
RGB
rgb(242, 238, 211)
HSL
hsl(52, 54%, 89%)
HSB
hsb(52, 13%, 95%)
CMYK
cmyk(0%, 2%, 13%, 5%)
Oklch
oklch(94.5% 0.036 100.1)

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

#F5B79B

Apricot · BurlyWood · Peach Orange

HEX
#F5B79B
RGB
rgb(245, 183, 155)
HSL
hsl(19, 82%, 78%)
HSB
hsb(19, 37%, 96%)
CMYK
cmyk(0%, 25%, 37%, 4%)
Oklch
oklch(83.0% 0.082 45.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

667479
7A6B66

Analogous

667A76
667479
666B7A

Triadic

667479
7A6675
757A66

Split-Comp.

667479
7A666B
7A7666

Tetradic

667479
76667A
7A6B66
6B7A66

Contrast Matrix WCAG 2.1 Contrast

667479
94A7A0
C6CCB4
F2EED3
F5B79B
—
1.9
Fail
2.9
Fail
4.1
AA Large
2.8
Fail
1.9
Fail
—
1.5
Fail
2.2
Fail
1.5
Fail
2.9
Fail
1.5
Fail
—
1.4
Fail
1.0
Fail
4.1
AA Large
2.2
Fail
1.4
Fail
—
1.5
Fail
2.8
Fail
1.5
Fail
1.0
Fail
1.5
Fail
—
White BG
4.8AA
2.5Fail
1.7Fail
1.2Fail
1.7Fail
Black BG
4.3AA Large
8.3AAA
12.7AAA
17.9AAA
12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6C6C78
9C9CA2
C9C9BA
F0F0DA
DADAA2

Deuteranopia

6B6A77
9B9AA2
C8C8BB
F1F1DB
DEE2A3

Tritanopia

677777
95A3A3
C6BEBF
F2DFE0
F2A7A8

Achromatopsia

707070
A1A1A1
C7C7C7
ECECEC
C6C6C6

Shades & Tints Shades & Tints

#667479

Dark
Light

#94A7A0

Dark
Light

#C6CCB4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #667479;
  --color-2: #94a7a0;
  --color-3: #c6ccb4;
  --color-4: #f2eed3;
  --color-5: #f5b79b;
}

SCSS

$color-1: #667479;
$color-2: #94a7a0;
$color-3: #c6ccb4;
$color-4: #f2eed3;
$color-5: #f5b79b;

TAILWIND

colors: {
  'brand-1': '#667479',
  'brand-2': '#94a7a0',
  'brand-3': '#c6ccb4',
  'brand-4': '#f2eed3',
  'brand-5': '#f5b79b',
}

RGB Array

[102, 116, 121], [148, 167, 160], [198, 204, 180], [242, 238, 211], [245, 183, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #667479, #94A7A0, #C6CCB4, #F2EED3, #F5B79B 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: #667479; --color-2: #94a7a0; --color-3: #c6ccb4; --color-4: #f2eed3; --color-5: #f5b79b. 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