← Back to Editor

#F0C0A8 · #9FC7AC · #9FA892 · #9E9185 · #807673

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#F0C0A8

Apricot · LightPink · Peach Orange

HEX
#F0C0A8
RGB
rgb(240, 192, 168)
HSL
hsl(20, 71%, 80%)
HSB
hsb(20, 30%, 94%)
CMYK
cmyk(0%, 20%, 30%, 6%)
Oklch
oklch(84.4% 0.064 47.9)

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

#9FC7AC

Celadon · DarkGray · Apple Green

HEX
#9FC7AC
RGB
rgb(159, 199, 172)
HSL
hsl(140, 26%, 70%)
HSB
hsb(140, 20%, 78%)
CMYK
cmyk(20%, 0%, 14%, 22%)
Oklch
oklch(79.3% 0.057 155.4)

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

#9FA892

Willow Green · DarkGray · Apple Green

HEX
#9FA892
RGB
rgb(159, 168, 146)
HSL
hsl(85, 11%, 62%)
HSB
hsb(85, 13%, 66%)
CMYK
cmyk(5%, 0%, 13%, 34%)
Oklch
oklch(71.8% 0.033 125.4)

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

#9E9185

Tangerine · Gray · Warm Sun

HEX
#9E9185
RGB
rgb(158, 145, 133)
HSL
hsl(29, 11%, 57%)
HSB
hsb(29, 16%, 62%)
CMYK
cmyk(0%, 8%, 16%, 38%)
Oklch
oklch(66.5% 0.023 65.1)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#807673

Ink Gray · Gray · Warm Gray

HEX
#807673
RGB
rgb(128, 118, 115)
HSL
hsl(14, 5%, 48%)
HSB
hsb(14, 10%, 50%)
CMYK
cmyk(0%, 8%, 10%, 50%)
Oklch
oklch(57.4% 0.013 37.4)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0C0A8
A8D8F0

Analogous

F0A8B4
F0C0A8
F0E4A8

Triadic

F0C0A8
A8F0C0
C0A8F0

Split-Comp.

F0C0A8
A8F0E4
A8B4F0

Tetradic

F0C0A8
B4F0A8
A8D8F0
E4A8F0

Contrast Matrix WCAG 2.1 Contrast

F0C0A8
9FC7AC
9FA892
9E9185
807673
—
1.1
Fail
1.5
Fail
1.9
Fail
2.7
Fail
1.1
Fail
—
1.3
Fail
1.6
Fail
2.4
Fail
1.5
Fail
1.3
Fail
—
1.2
Fail
1.8
Fail
1.9
Fail
1.6
Fail
1.2
Fail
—
1.4
Fail
2.7
Fail
2.4
Fail
1.8
Fail
1.4
Fail
—
White BG
1.6Fail
1.9Fail
2.5Fail
3.1AA Large
4.4AA Large
Black BG
12.8AAA
11.2AAA
8.5AAA
6.8AA
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBAE
B0B1B3
A3A397
989888
7C7C74

Deuteranopia

DEE2AF
AEABB4
A2A299
999A89
7C7D74

Tritanopia

EEB2B3
A1B8B9
9F9C9C
9D8A8B
807474

Achromatopsia

CCCCCC
B8B8B8
A3A3A3
949494
797979

Shades & Tints Shades & Tints

#F0C0A8

Dark
Light

#9FC7AC

Dark
Light

#9FA892

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0c0a8;
  --color-2: #9fc7ac;
  --color-3: #9fa892;
  --color-4: #9e9185;
  --color-5: #807673;
}

SCSS

$color-1: #f0c0a8;
$color-2: #9fc7ac;
$color-3: #9fa892;
$color-4: #9e9185;
$color-5: #807673;

TAILWIND

colors: {
  'brand-1': '#f0c0a8',
  'brand-2': '#9fc7ac',
  'brand-3': '#9fa892',
  'brand-4': '#9e9185',
  'brand-5': '#807673',
}

RGB Array

[240, 192, 168], [159, 199, 172], [159, 168, 146], [158, 145, 133], [128, 118, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F0C0A8, #9FC7AC, #9FA892, #9E9185, #807673 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: #f0c0a8; --color-2: #9fc7ac; --color-3: #9fa892; --color-4: #9e9185; --color-5: #807673. 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