← Back to Editor

#80623E · #C0A788 · #FCEDD8 · #98CABF · #AF9A95

cool

A 5-color cool 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

#80623E

Ochre · Sienna · Amber Brown

HEX
#80623E
RGB
rgb(128, 98, 62)
HSL
hsl(33, 35%, 37%)
HSB
hsb(33, 52%, 50%)
CMYK
cmyk(0%, 23%, 52%, 50%)
Oklch
oklch(51.8% 0.064 70.7)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#C0A788

Ginger · Tan · Warm Sun

HEX
#C0A788
RGB
rgb(192, 167, 136)
HSL
hsl(33, 31%, 64%)
HSB
hsb(33, 29%, 75%)
CMYK
cmyk(0%, 13%, 29%, 25%)
Oklch
oklch(74.2% 0.052 72.9)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#FCEDD8

Goose Yellow · Beige · Peach Orange

HEX
#FCEDD8
RGB
rgb(252, 237, 216)
HSL
hsl(35, 86%, 92%)
HSB
hsb(35, 14%, 99%)
CMYK
cmyk(0%, 6%, 14%, 1%)
Oklch
oklch(95.2% 0.032 76.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#98CABF

Jade · LightSteelBlue · Lake Green

HEX
#98CABF
RGB
rgb(152, 202, 191)
HSL
hsl(167, 32%, 69%)
HSB
hsb(167, 25%, 79%)
CMYK
cmyk(25%, 0%, 5%, 21%)
Oklch
oklch(80.1% 0.055 179.8)

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

#AF9A95

Peach Pink · DarkGray · Coral Red

HEX
#AF9A95
RGB
rgb(175, 154, 149)
HSL
hsl(12, 14%, 64%)
HSB
hsb(12, 15%, 69%)
CMYK
cmyk(0%, 12%, 15%, 31%)
Oklch
oklch(70.3% 0.026 33.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

80623E
3D5B7F

Analogous

7F413D
80623E
7C7F3D

Triadic

80623E
3D7F62
623D7F

Split-Comp.

80623E
3D7C7F
413D7F

Tetradic

80623E
3D7F41
3D5B7F
7F3D7C

Contrast Matrix WCAG 2.1 Contrast

80623E
C0A788
FCEDD8
98CABF
AF9A95
—
2.4
Fail
4.9
AA
3.1
AA Large
2.1
Fail
2.4
Fail
—
2.0
Fail
1.3
Fail
1.2
Fail
4.9
AA
2.0
Fail
—
1.6
Fail
2.3
Fail
3.1
AA Large
1.3
Fail
1.6
Fail
—
1.5
Fail
2.1
Fail
1.2
Fail
2.3
Fail
1.5
Fail
—
White BG
5.6AA
2.3Fail
1.2Fail
1.8Fail
2.7Fail
Black BG
3.7AA Large
9.1AAA
18.2AAA
11.5AAA
7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

737347
B5B590
F6F5DD
AEAEC2
A6A696

Deuteranopia

757749
B7B891
F6F7DE
ABA7C2
A7A997

Tritanopia

7F4E4F
BF9597
FBE1E2
9BC4C4
AE9797

Achromatopsia

676767
ABABAB
EFEFEF
BABABA
A0A0A0

Shades & Tints Shades & Tints

#80623E

Dark
Light

#C0A788

Dark
Light

#FCEDD8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #80623e;
  --color-2: #c0a788;
  --color-3: #fcedd8;
  --color-4: #98cabf;
  --color-5: #af9a95;
}

SCSS

$color-1: #80623e;
$color-2: #c0a788;
$color-3: #fcedd8;
$color-4: #98cabf;
$color-5: #af9a95;

TAILWIND

colors: {
  'brand-1': '#80623e',
  'brand-2': '#c0a788',
  'brand-3': '#fcedd8',
  'brand-4': '#98cabf',
  'brand-5': '#af9a95',
}

RGB Array

[128, 98, 62], [192, 167, 136], [252, 237, 216], [152, 202, 191], [175, 154, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #80623E, #C0A788, #FCEDD8, #98CABF, #AF9A95 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: #80623e; --color-2: #c0a788; --color-3: #fcedd8; --color-4: #98cabf; --color-5: #af9a95. 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 cool-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