← Back to Editor

#A1A02C · #717A1D · #ECCF67 · #F6F0CE · #EC6D04

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

#A1A02C

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#A1A02C
RGB
rgb(161, 160, 44)
HSL
hsl(59, 57%, 40%)
HSB
hsb(59, 73%, 63%)
CMYK
cmyk(0%, 1%, 73%, 37%)
Oklch
oklch(68.6% 0.133 109.0)

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

#717A1D

Autumn Sage · Olive · Honey Gold

HEX
#717A1D
RGB
rgb(113, 122, 29)
HSL
hsl(66, 62%, 30%)
HSB
hsb(66, 76%, 48%)
CMYK
cmyk(7%, 0%, 76%, 52%)
Oklch
oklch(55.4% 0.113 115.0)

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

#ECCF67

Ginger · BurlyWood · Sunflower

HEX
#ECCF67
RGB
rgb(236, 207, 103)
HSL
hsl(47, 78%, 66%)
HSB
hsb(47, 56%, 93%)
CMYK
cmyk(0%, 12%, 56%, 7%)
Oklch
oklch(85.9% 0.128 94.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#F6F0CE

Fresh Green · Beige · Lemon Cream

HEX
#F6F0CE
RGB
rgb(246, 240, 206)
HSL
hsl(51, 69%, 89%)
HSB
hsb(51, 16%, 96%)
CMYK
cmyk(0%, 2%, 16%, 4%)
Oklch
oklch(95.1% 0.045 98.9)

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

#EC6D04

Tangerine · Chocolate · Amber Brown

HEX
#EC6D04
RGB
rgb(236, 109, 4)
HSL
hsl(27, 97%, 47%)
HSB
hsb(27, 98%, 93%)
CMYK
cmyk(0%, 54%, 98%, 7%)
Oklch
oklch(67.7% 0.181 48.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A1A02C
2C2EA0

Analogous

A0642C
A1A02C
68A02C

Triadic

A1A02C
2CA09E
9E2CA0

Split-Comp.

A1A02C
2C68A0
642CA0

Tetradic

A1A02C
2CA064
2C2EA0
A02C68

Contrast Matrix WCAG 2.1 Contrast

A1A02C
717A1D
ECCF67
F6F0CE
EC6D04
—
1.7
Fail
1.8
Fail
2.4
Fail
1.1
Fail
1.7
Fail
—
3.0
AA Large
4.1
AA Large
1.5
Fail
1.8
Fail
3.0
AA Large
—
1.3
Fail
2.0
Fail
2.4
Fail
4.1
AA Large
1.3
Fail
—
2.7
Fail
1.1
Fail
1.5
Fail
2.0
Fail
2.7
Fail
—
White BG
2.8Fail
4.7AA
1.5Fail
1.1Fail
3.1AA Large
Black BG
7.6AAA
4.5AA
13.7AAA
18.3AAA
6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A148
757534
DFDF80
F3F3D6
B5B41D

Deuteranopia

A1A14F
747439
E1E386
F4F4D8
BCC623

Tritanopia

A15E63
714549
EB9498
F6DDDE
E63136

Achromatopsia

939393
6D6D6D
CCCCCC
EEEEEE
878787

Shades & Tints Shades & Tints

#A1A02C

Dark
Light

#717A1D

Dark
Light

#ECCF67

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a1a02c;
  --color-2: #717a1d;
  --color-3: #eccf67;
  --color-4: #f6f0ce;
  --color-5: #ec6d04;
}

SCSS

$color-1: #a1a02c;
$color-2: #717a1d;
$color-3: #eccf67;
$color-4: #f6f0ce;
$color-5: #ec6d04;

TAILWIND

colors: {
  'brand-1': '#a1a02c',
  'brand-2': '#717a1d',
  'brand-3': '#eccf67',
  'brand-4': '#f6f0ce',
  'brand-5': '#ec6d04',
}

RGB Array

[161, 160, 44], [113, 122, 29], [236, 207, 103], [246, 240, 206], [236, 109, 4]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A1A02C, #717A1D, #ECCF67, #F6F0CE, #EC6D04 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: #a1a02c; --color-2: #717a1d; --color-3: #eccf67; --color-4: #f6f0ce; --color-5: #ec6d04. 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