← Back to Editor

#CFA16D · #B29C6A · #949970 · #7E9694 · #719099

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#CFA16D

Ginger · DarkSalmon · Warm Sun

HEX
#CFA16D
RGB
rgb(207, 161, 109)
HSL
hsl(32, 51%, 62%)
HSB
hsb(32, 47%, 81%)
CMYK
cmyk(0%, 22%, 47%, 19%)
Oklch
oklch(74.0% 0.087 69.2)

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

#B29C6A

Ginger · Tan · Sunflower

HEX
#B29C6A
RGB
rgb(178, 156, 106)
HSL
hsl(42, 32%, 56%)
HSB
hsb(42, 40%, 70%)
CMYK
cmyk(0%, 12%, 40%, 30%)
Oklch
oklch(70.0% 0.072 86.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#949970

Autumn Sage · Gray · Sunflower

HEX
#949970
RGB
rgb(148, 153, 112)
HSL
hsl(67, 17%, 52%)
HSB
hsb(67, 27%, 60%)
CMYK
cmyk(3%, 0%, 27%, 40%)
Oklch
oklch(66.8% 0.058 113.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#7E9694

Mineral Blue · LightSlateGray · Lake Green

HEX
#7E9694
RGB
rgb(126, 150, 148)
HSL
hsl(175, 10%, 54%)
HSB
hsb(175, 16%, 59%)
CMYK
cmyk(16%, 0%, 1%, 41%)
Oklch
oklch(65.4% 0.027 190.3)

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

#719099

Slate Blue · LightSlateGray · Lake Green

HEX
#719099
RGB
rgb(113, 144, 153)
HSL
hsl(194, 16%, 52%)
HSB
hsb(194, 26%, 60%)
CMYK
cmyk(26%, 6%, 0%, 40%)
Oklch
oklch(63.3% 0.037 217.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CFA16D
6D9BD0

Analogous

D0706D
CFA16D
CCD06D

Triadic

CFA16D
6DD0A1
A16DD0

Split-Comp.

CFA16D
6DCCD0
706DD0

Tetradic

CFA16D
6DD070
6D9BD0
D06DCC

Contrast Matrix WCAG 2.1 Contrast

CFA16D
B29C6A
949970
7E9694
719099
—
1.1
Fail
1.3
Fail
1.3
Fail
1.5
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.3
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
1.3
Fail
1.1
Fail
1.1
Fail
—
White BG
2.3Fail
2.7Fail
3.0Fail
3.1AA Large
3.4AA Large
Black BG
9.0AAA
7.9AAA
7.0AAA
6.7AA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBB7A
A8A876
96967A
888994
7E7F97

Deuteranopia

BEC17D
AAAB79
96967C
878595
7D7A96

Tritanopia

CD8486
B18082
948283
7F9595
739595

Achromatopsia

A9A9A9
9D9D9D
939393
8F8F8F
888888

Shades & Tints Shades & Tints

#CFA16D

Dark
Light

#B29C6A

Dark
Light

#949970

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cfa16d;
  --color-2: #b29c6a;
  --color-3: #949970;
  --color-4: #7e9694;
  --color-5: #719099;
}

SCSS

$color-1: #cfa16d;
$color-2: #b29c6a;
$color-3: #949970;
$color-4: #7e9694;
$color-5: #719099;

TAILWIND

colors: {
  'brand-1': '#cfa16d',
  'brand-2': '#b29c6a',
  'brand-3': '#949970',
  'brand-4': '#7e9694',
  'brand-5': '#719099',
}

RGB Array

[207, 161, 109], [178, 156, 106], [148, 153, 112], [126, 150, 148], [113, 144, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CFA16D, #B29C6A, #949970, #7E9694, #719099 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: #cfa16d; --color-2: #b29c6a; --color-3: #949970; --color-4: #7e9694; --color-5: #719099. 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