← Back to Editor

#C78F03 · #AF6F19 · #985030 · #802F46 · #721C53

warm

A 5-color warm 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

#C78F03

Ochre · DarkGoldenRod · Honey Gold

HEX
#C78F03
RGB
rgb(199, 143, 3)
HSL
hsl(43, 97%, 40%)
HSB
hsb(43, 98%, 78%)
CMYK
cmyk(0%, 28%, 98%, 22%)
Oklch
oklch(68.7% 0.141 80.5)

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

#AF6F19

Ochre · DarkGoldenRod · Amber Brown

HEX
#AF6F19
RGB
rgb(175, 111, 25)
HSL
hsl(34, 75%, 39%)
HSB
hsb(34, 86%, 69%)
CMYK
cmyk(0%, 37%, 86%, 31%)
Oklch
oklch(59.7% 0.123 67.5)

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

#985030

Tangerine · Sienna · Amber Brown

HEX
#985030
RGB
rgb(152, 80, 48)
HSL
hsl(18, 52%, 39%)
HSB
hsb(18, 68%, 60%)
CMYK
cmyk(0%, 47%, 68%, 40%)
Oklch
oklch(51.2% 0.106 43.7)

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

#802F46

Dark Violet · Brown · Camellia

HEX
#802F46
RGB
rgb(128, 47, 70)
HSL
hsl(343, 46%, 34%)
HSB
hsb(343, 63%, 50%)
CMYK
cmyk(0%, 63%, 45%, 50%)
Oklch
oklch(42.8% 0.114 5.7)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#721C53

Rose Purple · Purple · Camellia

HEX
#721C53
RGB
rgb(114, 28, 83)
HSL
hsl(322, 61%, 28%)
HSB
hsb(322, 75%, 45%)
CMYK
cmyk(0%, 75%, 27%, 55%)
Oklch
oklch(38.7% 0.133 345.9)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C78F03
033BC9

Analogous

C92E03
C78F03
9EC903

Triadic

C78F03
03C991
9103C9

Split-Comp.

C78F03
039EC9
2E03C9

Tetradic

C78F03
03C92E
033BC9
C9039E

Contrast Matrix WCAG 2.1 Contrast

C78F03
AF6F19
985030
802F46
721C53
—
1.4
Fail
2.1
Fail
3.0
AA Large
3.7
AA Large
1.4
Fail
—
1.4
Fail
2.1
Fail
2.5
Fail
2.1
Fail
1.4
Fail
—
1.5
Fail
1.8
Fail
3.0
AA Large
2.1
Fail
1.5
Fail
—
1.2
Fail
3.7
AA Large
2.5
Fail
1.8
Fail
1.2
Fail
—
White BG
2.9Fail
4.1AA Large
6.0AA
8.7AAA
10.5AAA
Black BG
7.4AAA
5.1AA
3.5AA Large
2.4Fail
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAE25
93932E
797838
5D5C40
4D4C46

Deuteranopia

B2B62D
979C33
7D823A
62683F
525843

Tritanopia

C44046
AC3E42
943E3F
7C3C3B
6E3B39

Achromatopsia

909090
787878
626262
4A4A4A
3C3C3C

Shades & Tints Shades & Tints

#C78F03

Dark
Light

#AF6F19

Dark
Light

#985030

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c78f03;
  --color-2: #af6f19;
  --color-3: #985030;
  --color-4: #802f46;
  --color-5: #721c53;
}

SCSS

$color-1: #c78f03;
$color-2: #af6f19;
$color-3: #985030;
$color-4: #802f46;
$color-5: #721c53;

TAILWIND

colors: {
  'brand-1': '#c78f03',
  'brand-2': '#af6f19',
  'brand-3': '#985030',
  'brand-4': '#802f46',
  'brand-5': '#721c53',
}

RGB Array

[199, 143, 3], [175, 111, 25], [152, 80, 48], [128, 47, 70], [114, 28, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #C78F03, #AF6F19, #985030, #802F46, #721C53 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #c78f03; --color-2: #af6f19; --color-3: #985030; --color-4: #802f46; --color-5: #721c53. 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. 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 warm-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