← Back to Editor

#787262 · #A7B498 · #DCD5BB · #F0E9D9 · #BC9F81

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#787262

Ochre · DimGray · Honey Gold

HEX
#787262
RGB
rgb(120, 114, 98)
HSL
hsl(44, 10%, 43%)
HSB
hsb(44, 18%, 47%)
CMYK
cmyk(0%, 5%, 18%, 53%)
Oklch
oklch(55.3% 0.025 89.9)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#A7B498

Willow Green · DarkGray · Apple Green

HEX
#A7B498
RGB
rgb(167, 180, 152)
HSL
hsl(88, 16%, 65%)
HSB
hsb(88, 16%, 71%)
CMYK
cmyk(7%, 0%, 16%, 29%)
Oklch
oklch(75.2% 0.042 127.7)

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

#DCD5BB

Goose Yellow · LightGray · Lemon Cream

HEX
#DCD5BB
RGB
rgb(220, 213, 187)
HSL
hsl(47, 32%, 80%)
HSB
hsb(47, 15%, 86%)
CMYK
cmyk(0%, 3%, 15%, 14%)
Oklch
oklch(87.2% 0.036 94.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#F0E9D9

Goose Yellow · Beige · Lemon Cream

HEX
#F0E9D9
RGB
rgb(240, 233, 217)
HSL
hsl(42, 43%, 90%)
HSB
hsb(42, 10%, 94%)
CMYK
cmyk(0%, 3%, 10%, 6%)
Oklch
oklch(93.5% 0.023 87.2)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#BC9F81

Ginger · Tan · Warm Sun

HEX
#BC9F81
RGB
rgb(188, 159, 129)
HSL
hsl(31, 31%, 62%)
HSB
hsb(31, 31%, 74%)
CMYK
cmyk(0%, 15%, 31%, 26%)
Oklch
oklch(72.1% 0.054 67.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

787262
636979

Analogous

796863
787262
737963

Triadic

787262
637973
736379

Split-Comp.

787262
637379
686379

Tetradic

787262
637968
636979
796373

Contrast Matrix WCAG 2.1 Contrast

787262
A7B498
DCD5BB
F0E9D9
BC9F81
—
2.2
Fail
3.3
AA Large
4.0
AA Large
1.9
Fail
2.2
Fail
—
1.5
Fail
1.8
Fail
1.1
Fail
3.3
AA Large
1.5
Fail
—
1.2
Fail
1.7
Fail
4.0
AA Large
1.8
Fail
1.2
Fail
—
2.1
Fail
1.9
Fail
1.1
Fail
1.7
Fail
2.1
Fail
—
White BG
4.8AA
2.2Fail
1.5Fail
1.2Fail
2.5Fail
Black BG
4.4AA Large
9.6AAA
14.3AAA
17.4AAA
8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

757566
ADAD9F
D9D9C1
EDEDDD
AFAF88

Deuteranopia

767667
ACABA0
D9DAC3
EDEEDE
B1B38A

Tritanopia

78696A
A8A4A5
DCC6C7
F0E0E1
BB8E8F

Achromatopsia

727272
ADADAD
D4D4D4
E9E9E9
A4A4A4

Shades & Tints Shades & Tints

#787262

Dark
Light

#A7B498

Dark
Light

#DCD5BB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #787262;
  --color-2: #a7b498;
  --color-3: #dcd5bb;
  --color-4: #f0e9d9;
  --color-5: #bc9f81;
}

SCSS

$color-1: #787262;
$color-2: #a7b498;
$color-3: #dcd5bb;
$color-4: #f0e9d9;
$color-5: #bc9f81;

TAILWIND

colors: {
  'brand-1': '#787262',
  'brand-2': '#a7b498',
  'brand-3': '#dcd5bb',
  'brand-4': '#f0e9d9',
  'brand-5': '#bc9f81',
}

RGB Array

[120, 114, 98], [167, 180, 152], [220, 213, 187], [240, 233, 217], [188, 159, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #787262, #A7B498, #DCD5BB, #F0E9D9, #BC9F81 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #787262; --color-2: #a7b498; --color-3: #dcd5bb; --color-4: #f0e9d9; --color-5: #bc9f81. 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 beauty, lifestyle, arts 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