← Back to Editor

#C2A580 · #E02D07 · #A17D17 · #6E6520 · #093643

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#C2A580

Ginger · Tan · Warm Sun

HEX
#C2A580
RGB
rgb(194, 165, 128)
HSL
hsl(34, 35%, 63%)
HSB
hsb(34, 34%, 76%)
CMYK
cmyk(0%, 15%, 34%, 24%)
Oklch
oklch(73.8% 0.061 73.4)

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

#E02D07

Vermilion · OrangeRed · Passion Red

HEX
#E02D07
RGB
rgb(224, 45, 7)
HSL
hsl(11, 94%, 45%)
HSB
hsb(11, 97%, 88%)
CMYK
cmyk(0%, 80%, 97%, 12%)
Oklch
oklch(58.7% 0.217 32.3)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#A17D17

Ochre · DarkGoldenRod · Honey Gold

HEX
#A17D17
RGB
rgb(161, 125, 23)
HSL
hsl(44, 75%, 36%)
HSB
hsb(44, 86%, 63%)
CMYK
cmyk(0%, 22%, 86%, 37%)
Oklch
oklch(60.8% 0.118 87.0)

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

#6E6520

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#6E6520
RGB
rgb(110, 101, 32)
HSL
hsl(53, 55%, 28%)
HSB
hsb(53, 71%, 43%)
CMYK
cmyk(0%, 8%, 71%, 57%)
Oklch
oklch(50.1% 0.089 101.8)

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

#093643

Lake Blue · DarkSlateGray · Peacock Green

HEX
#093643
RGB
rgb(9, 54, 67)
HSL
hsl(193, 76%, 15%)
HSB
hsb(193, 87%, 26%)
CMYK
cmyk(87%, 19%, 0%, 74%)
Oklch
oklch(31.0% 0.052 222.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C2A580
809CC2

Analogous

C28480
C2A580
BDC280

Triadic

C2A580
80C2A5
A580C2

Split-Comp.

C2A580
80BDC2
8480C2

Tetradic

C2A580
80C284
809CC2
C280BD

Contrast Matrix WCAG 2.1 Contrast

C2A580
E02D07
A17D17
6E6520
093643
—
2.0
Fail
1.6
Fail
2.5
Fail
5.5
AA
2.0
Fail
—
1.2
Fail
1.3
Fail
2.8
Fail
1.6
Fail
1.2
Fail
—
1.5
Fail
3.4
AA Large
2.5
Fail
1.3
Fail
1.5
Fail
—
2.2
Fail
5.5
AA
2.8
Fail
3.4
AA Large
2.2
Fail
—
White BG
2.3Fail
4.6AA
3.8AA Large
5.9AA
13.0AAA
Black BG
9.0AAA
4.5AA
5.5AA
3.5AA Large
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B589
929110
919130
6A6A31
1C1D40

Deuteranopia

B7B98B
9DAA12
949636
6B6B35
1A173F

Tritanopia

C19092
D71719
9F4347
6E3E41
0B3D3D

Achromatopsia

A9A9A9
5E5E5E
7C7C7C
606060
2A2A2A

Shades & Tints Shades & Tints

#C2A580

Dark
Light

#E02D07

Dark
Light

#A17D17

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c2a580;
  --color-2: #e02d07;
  --color-3: #a17d17;
  --color-4: #6e6520;
  --color-5: #093643;
}

SCSS

$color-1: #c2a580;
$color-2: #e02d07;
$color-3: #a17d17;
$color-4: #6e6520;
$color-5: #093643;

TAILWIND

colors: {
  'brand-1': '#c2a580',
  'brand-2': '#e02d07',
  'brand-3': '#a17d17',
  'brand-4': '#6e6520',
  'brand-5': '#093643',
}

RGB Array

[194, 165, 128], [224, 45, 7], [161, 125, 23], [110, 101, 32], [9, 54, 67]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C2A580, #E02D07, #A17D17, #6E6520, #093643 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #c2a580; --color-2: #e02d07; --color-3: #a17d17; --color-4: #6e6520; --color-5: #093643. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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