← Back to Editor

#76711A · #D89512 · #F4A47F · #FDB79A · #FDD69F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#76711A

Autumn Sage · Olive · Honey Gold

HEX
#76711A
RGB
rgb(118, 113, 26)
HSL
hsl(57, 64%, 28%)
HSB
hsb(57, 78%, 46%)
CMYK
cmyk(0%, 4%, 78%, 54%)
Oklch
oklch(53.7% 0.104 106.0)

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

#D89512

Ochre · GoldenRod · Honey Gold

HEX
#D89512
RGB
rgb(216, 149, 18)
HSL
hsl(40, 85%, 46%)
HSB
hsb(40, 92%, 85%)
CMYK
cmyk(0%, 31%, 92%, 15%)
Oklch
oklch(71.8% 0.147 75.9)

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

#F4A47F

Apricot · LightSalmon · Warm Sun

HEX
#F4A47F
RGB
rgb(244, 164, 127)
HSL
hsl(19, 84%, 73%)
HSB
hsb(19, 48%, 96%)
CMYK
cmyk(0%, 33%, 48%, 4%)
Oklch
oklch(78.9% 0.108 45.5)

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

#FDB79A

Apricot · BurlyWood · Peach Orange

HEX
#FDB79A
RGB
rgb(253, 183, 154)
HSL
hsl(18, 96%, 80%)
HSB
hsb(18, 39%, 99%)
CMYK
cmyk(0%, 28%, 39%, 1%)
Oklch
oklch(83.8% 0.091 43.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FDD69F

Goose Yellow · Wheat · Peach Orange

HEX
#FDD69F
RGB
rgb(253, 214, 159)
HSL
hsl(35, 96%, 81%)
HSB
hsb(35, 37%, 99%)
CMYK
cmyk(0%, 15%, 37%, 1%)
Oklch
oklch(89.6% 0.083 75.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

76711A
1A1E75

Analogous

75431A
76711A
4C751A

Triadic

76711A
1A7571
711A75

Split-Comp.

76711A
1A4C75
431A75

Tetradic

76711A
1A7543
1A1E75
751A4C

Contrast Matrix WCAG 2.1 Contrast

76711A
D89512
F4A47F
FDB79A
FDD69F
—
2.0
Fail
2.5
Fail
3.0
Fail
3.7
AA Large
2.0
Fail
—
1.3
Fail
1.5
Fail
1.9
Fail
2.5
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
3.0
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
3.7
AA Large
1.9
Fail
1.5
Fail
1.2
Fail
—
White BG
5.1AA
2.6Fail
2.0Fail
1.7Fail
1.4Fail
Black BG
4.1AA Large
8.2AAA
10.5AAA
12.4AAA
15.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

74742F
BBBA32
D1D188
DFDEA1
ECECAC

Deuteranopia

747534
BFC439
D6DC8A
E3E8A3
EEF1B0

Tritanopia

764043
D54B50
F08F91
FAA7A8
FBB7B9

Achromatopsia

696969
9A9A9A
B8B8B8
C9C9C9
DBDBDB

Shades & Tints Shades & Tints

#76711A

Dark
Light

#D89512

Dark
Light

#F4A47F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #76711a;
  --color-2: #d89512;
  --color-3: #f4a47f;
  --color-4: #fdb79a;
  --color-5: #fdd69f;
}

SCSS

$color-1: #76711a;
$color-2: #d89512;
$color-3: #f4a47f;
$color-4: #fdb79a;
$color-5: #fdd69f;

TAILWIND

colors: {
  'brand-1': '#76711a',
  'brand-2': '#d89512',
  'brand-3': '#f4a47f',
  'brand-4': '#fdb79a',
  'brand-5': '#fdd69f',
}

RGB Array

[118, 113, 26], [216, 149, 18], [244, 164, 127], [253, 183, 154], [253, 214, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #76711A, #D89512, #F4A47F, #FDB79A, #FDD69F is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #76711a; --color-2: #d89512; --color-3: #f4a47f; --color-4: #fdb79a; --color-5: #fdd69f. 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. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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