← Back to Editor

#769425 · #948568 · #969E29 · #BAA238 · #C7AD65

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

#769425

Grass Green · Olive · Forest Green

HEX
#769425
RGB
rgb(118, 148, 37)
HSL
hsl(76, 60%, 36%)
HSB
hsb(76, 75%, 58%)
CMYK
cmyk(20%, 0%, 75%, 42%)
Oklch
oklch(62.2% 0.138 123.8)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#948568

Ochre · Gray · Honey Gold

HEX
#948568
RGB
rgb(148, 133, 104)
HSL
hsl(40, 17%, 49%)
HSB
hsb(40, 30%, 58%)
CMYK
cmyk(0%, 10%, 30%, 42%)
Oklch
oklch(62.2% 0.045 83.7)

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

#969E29

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#969E29
RGB
rgb(150, 158, 41)
HSL
hsl(64, 59%, 39%)
HSB
hsb(64, 74%, 62%)
CMYK
cmyk(5%, 0%, 74%, 38%)
Oklch
oklch(67.1% 0.135 113.4)

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

#BAA238

Ochre · GoldenRod · Honey Gold

HEX
#BAA238
RGB
rgb(186, 162, 56)
HSL
hsl(49, 54%, 47%)
HSB
hsb(49, 70%, 73%)
CMYK
cmyk(0%, 13%, 70%, 27%)
Oklch
oklch(71.4% 0.126 96.2)

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

#C7AD65

Ginger · Tan · Sunflower

HEX
#C7AD65
RGB
rgb(199, 173, 101)
HSL
hsl(44, 47%, 59%)
HSB
hsb(44, 49%, 78%)
CMYK
cmyk(0%, 13%, 49%, 22%)
Oklch
oklch(75.5% 0.097 90.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

769425
422593

Analogous

937925
769425
3E9325

Triadic

769425
257693
932576

Split-Comp.

769425
253E93
792593

Tetradic

769425
259379
422593
93253E

Contrast Matrix WCAG 2.1 Contrast

769425
948568
969E29
BAA238
C7AD65
—
1.0
Fail
1.2
Fail
1.4
Fail
1.6
Fail
1.0
Fail
—
1.2
Fail
1.4
Fail
1.7
Fail
1.2
Fail
1.2
Fail
—
1.2
Fail
1.3
Fail
1.4
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.6
Fail
1.7
Fail
1.3
Fail
1.2
Fail
—
White BG
3.5AA Large
3.6AA Large
2.9Fail
2.5Fail
2.2Fail
Black BG
6.0AA
5.8AA
7.2AAA
8.3AAA
9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

838340
8E8D6F
999A45
B0AF52
BCBC76

Deuteranopia

817F46
8E9071
99984C
B1B358
BDBF7B

Tritanopia

78555A
937576
965C61
B9666A
C68487

Achromatopsia

7E7E7E
868686
8E8E8E
9D9D9D
ADADAD

Shades & Tints Shades & Tints

#769425

Dark
Light

#948568

Dark
Light

#969E29

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #769425;
  --color-2: #948568;
  --color-3: #969e29;
  --color-4: #baa238;
  --color-5: #c7ad65;
}

SCSS

$color-1: #769425;
$color-2: #948568;
$color-3: #969e29;
$color-4: #baa238;
$color-5: #c7ad65;

TAILWIND

colors: {
  'brand-1': '#769425',
  'brand-2': '#948568',
  'brand-3': '#969e29',
  'brand-4': '#baa238',
  'brand-5': '#c7ad65',
}

RGB Array

[118, 148, 37], [148, 133, 104], [150, 158, 41], [186, 162, 56], [199, 173, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #769425, #948568, #969E29, #BAA238, #C7AD65 is ideal for: corporate websites, product showcases, portfolios. 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: #769425; --color-2: #948568; --color-3: #969e29; --color-4: #baa238; --color-5: #c7ad65. 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. 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