← Back to Editor

#C9A472 · #FF4215 · #DD9F61 · #FF2037 · #8D533A

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 App

Color Details Color Details

#C9A472

Ginger · Tan · Warm Sun

HEX
#C9A472
RGB
rgb(201, 164, 114)
HSL
hsl(34, 45%, 62%)
HSB
hsb(34, 43%, 79%)
CMYK
cmyk(0%, 18%, 43%, 21%)
Oklch
oklch(74.1% 0.079 74.4)

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

#FF4215

Vermilion · OrangeRed · Passion Red

HEX
#FF4215
RGB
rgb(255, 66, 21)
HSL
hsl(12, 100%, 54%)
HSB
hsb(12, 92%, 100%)
CMYK
cmyk(0%, 74%, 92%, 0%)
Oklch
oklch(65.8% 0.230 33.5)

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

#DD9F61

Ginger · SandyBrown · Warm Sun

HEX
#DD9F61
RGB
rgb(221, 159, 97)
HSL
hsl(30, 65%, 62%)
HSB
hsb(30, 56%, 87%)
CMYK
cmyk(0%, 28%, 56%, 13%)
Oklch
oklch(74.9% 0.108 64.9)

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

#FF2037

Vermilion · Crimson · Passion Red

HEX
#FF2037
RGB
rgb(255, 32, 55)
HSL
hsl(354, 100%, 56%)
HSB
hsb(354, 87%, 100%)
CMYK
cmyk(0%, 87%, 78%, 0%)
Oklch
oklch(63.9% 0.246 24.3)

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

#8D533A

Tangerine · Sienna · Amber Brown

HEX
#8D533A
RGB
rgb(141, 83, 58)
HSL
hsl(18, 42%, 39%)
HSB
hsb(18, 59%, 55%)
CMYK
cmyk(0%, 41%, 59%, 45%)
Oklch
oklch(50.3% 0.086 43.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9A472
7298CA

Analogous

CA7872
C9A472
C4CA72

Triadic

C9A472
72CAA4
A472CA

Split-Comp.

C9A472
72C4CA
7872CA

Tetradic

C9A472
72CA78
7298CA
CA72C4

Contrast Matrix WCAG 2.1 Contrast

C9A472
FF4215
DD9F61
FF2037
8D533A
—
1.5
Fail
1.0
Fail
1.6
Fail
2.6
Fail
1.5
Fail
—
1.5
Fail
1.1
Fail
1.8
Fail
1.0
Fail
1.5
Fail
—
1.7
Fail
2.7
Fail
1.6
Fail
1.1
Fail
1.7
Fail
—
1.6
Fail
2.6
Fail
1.8
Fail
2.7
Fail
1.6
Fail
—
White BG
2.3Fail
3.5AA Large
2.3Fail
3.8AA Large
6.1AA
Black BG
9.0AAA
6.0AA
9.2AAA
5.5AA
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B97E
ADAB20
C2C270
9E9C31
747340

Deuteranopia

BBBE81
B8C623
C6CA74
ABBC30
777C42

Tritanopia

C7888A
F6282A
DA7C7E
F42D2C
8A4546

Achromatopsia

A9A9A9
757575
AAAAAA
656565
616161

Shades & Tints Shades & Tints

#C9A472

Dark
Light

#FF4215

Dark
Light

#DD9F61

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9a472;
  --color-2: #ff4215;
  --color-3: #dd9f61;
  --color-4: #ff2037;
  --color-5: #8d533a;
}

SCSS

$color-1: #c9a472;
$color-2: #ff4215;
$color-3: #dd9f61;
$color-4: #ff2037;
$color-5: #8d533a;

TAILWIND

colors: {
  'brand-1': '#c9a472',
  'brand-2': '#ff4215',
  'brand-3': '#dd9f61',
  'brand-4': '#ff2037',
  'brand-5': '#8d533a',
}

RGB Array

[201, 164, 114], [255, 66, 21], [221, 159, 97], [255, 32, 55], [141, 83, 58]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9A472, #FF4215, #DD9F61, #FF2037, #8D533A is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #c9a472; --color-2: #ff4215; --color-3: #dd9f61; --color-4: #ff2037; --color-5: #8d533a. 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 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