← Back to Editor

#C9C78A · #7B7F4D · #E7DEA7 · #F7F3CE · #F39067

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

#C9C78A

Fresh Green · Tan · Sunflower

HEX
#C9C78A
RGB
rgb(201, 199, 138)
HSL
hsl(58, 37%, 66%)
HSB
hsb(58, 31%, 79%)
CMYK
cmyk(0%, 1%, 31%, 21%)
Oklch
oklch(81.7% 0.080 106.5)

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

#7B7F4D

Autumn Sage · DimGray · Honey Gold

HEX
#7B7F4D
RGB
rgb(123, 127, 77)
HSL
hsl(65, 25%, 40%)
HSB
hsb(65, 39%, 50%)
CMYK
cmyk(3%, 0%, 39%, 50%)
Oklch
oklch(58.1% 0.071 112.3)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#E7DEA7

Fresh Green · Wheat · Lemon Cream

HEX
#E7DEA7
RGB
rgb(231, 222, 167)
HSL
hsl(52, 57%, 78%)
HSB
hsb(52, 28%, 91%)
CMYK
cmyk(0%, 4%, 28%, 9%)
Oklch
oklch(89.5% 0.072 99.9)

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

#F7F3CE

Fresh Green · Beige · Lemon Cream

HEX
#F7F3CE
RGB
rgb(247, 243, 206)
HSL
hsl(54, 72%, 89%)
HSB
hsb(54, 17%, 97%)
CMYK
cmyk(0%, 2%, 17%, 3%)
Oklch
oklch(95.8% 0.048 102.2)

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

#F39067

Apricot · Salmon · Warm Sun

HEX
#F39067
RGB
rgb(243, 144, 103)
HSL
hsl(18, 85%, 68%)
HSB
hsb(18, 58%, 95%)
CMYK
cmyk(0%, 41%, 58%, 5%)
Oklch
oklch(74.9% 0.132 42.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9C78A
888AC8

Analogous

C8A688
C9C78A
AAC888

Triadic

C9C78A
88C8C6
C688C8

Split-Comp.

C9C78A
88AAC8
A688C8

Tetradic

C9C78A
88C8A6
888AC8
C888AA

Contrast Matrix WCAG 2.1 Contrast

C9C78A
7B7F4D
E7DEA7
F7F3CE
F39067
—
2.4
Fail
1.3
Fail
1.6
Fail
1.3
Fail
2.4
Fail
—
3.1
AA Large
3.7
AA Large
1.8
Fail
1.3
Fail
3.1
AA Large
—
1.2
Fail
1.7
Fail
1.6
Fail
3.7
AA Large
1.2
Fail
—
2.1
Fail
1.3
Fail
1.8
Fail
1.7
Fail
2.1
Fail
—
White BG
1.7Fail
4.2AA Large
1.4Fail
1.1Fail
2.3Fail
Black BG
12.0AAA
5.0AA
15.4AAA
18.7AAA
9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C899
7D7D59
E3E3B4
F5F5D7
C8C771

Deuteranopia

C8C89C
7D7C5C
E4E4B8
F6F6D9
CED573

Tritanopia

C9A4A7
7B6365
E7BFC1
F7DEE0
EE797A

Achromatopsia

C1C1C1
787878
DADADA
F0F0F0
A9A9A9

Shades & Tints Shades & Tints

#C9C78A

Dark
Light

#7B7F4D

Dark
Light

#E7DEA7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9c78a;
  --color-2: #7b7f4d;
  --color-3: #e7dea7;
  --color-4: #f7f3ce;
  --color-5: #f39067;
}

SCSS

$color-1: #c9c78a;
$color-2: #7b7f4d;
$color-3: #e7dea7;
$color-4: #f7f3ce;
$color-5: #f39067;

TAILWIND

colors: {
  'brand-1': '#c9c78a',
  'brand-2': '#7b7f4d',
  'brand-3': '#e7dea7',
  'brand-4': '#f7f3ce',
  'brand-5': '#f39067',
}

RGB Array

[201, 199, 138], [123, 127, 77], [231, 222, 167], [247, 243, 206], [243, 144, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9C78A, #7B7F4D, #E7DEA7, #F7F3CE, #F39067 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: #c9c78a; --color-2: #7b7f4d; --color-3: #e7dea7; --color-4: #f7f3ce; --color-5: #f39067. 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