← Back to Editor

#AE4817 · #C76B18 · #DB943A · #D4D053 · #A78612

spring

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

#AE4817

Tangerine · Sienna · Amber Brown

HEX
#AE4817
RGB
rgb(174, 72, 23)
HSL
hsl(19, 77%, 39%)
HSB
hsb(19, 87%, 68%)
CMYK
cmyk(0%, 59%, 87%, 32%)
Oklch
oklch(53.0% 0.146 42.4)

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

#C76B18

Tangerine · Chocolate · Amber Brown

HEX
#C76B18
RGB
rgb(199, 107, 24)
HSL
hsl(28, 78%, 44%)
HSB
hsb(28, 88%, 78%)
CMYK
cmyk(0%, 46%, 88%, 22%)
Oklch
oklch(62.2% 0.145 55.4)

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

#DB943A

Ginger · GoldenRod · Warm Sun

HEX
#DB943A
RGB
rgb(219, 148, 58)
HSL
hsl(34, 69%, 54%)
HSB
hsb(34, 74%, 86%)
CMYK
cmyk(0%, 32%, 74%, 14%)
Oklch
oklch(72.2% 0.134 68.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#D4D053

Autumn Sage · SandyBrown · Sunflower

HEX
#D4D053
RGB
rgb(212, 208, 83)
HSL
hsl(58, 60%, 58%)
HSB
hsb(58, 61%, 83%)
CMYK
cmyk(0%, 2%, 61%, 17%)
Oklch
oklch(83.7% 0.145 107.4)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#A78612

Ochre · DarkGoldenRod · Honey Gold

HEX
#A78612
RGB
rgb(167, 134, 18)
HSL
hsl(47, 81%, 36%)
HSB
hsb(47, 89%, 65%)
CMYK
cmyk(0%, 20%, 89%, 35%)
Oklch
oklch(63.3% 0.125 90.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AE4817
1780B0

Analogous

B01733
AE4817
B09417

Triadic

AE4817
17B047
4717B0

Split-Comp.

AE4817
17B094
1733B0

Tetradic

AE4817
33B017
1780B0
9417B0

Contrast Matrix WCAG 2.1 Contrast

AE4817
C76B18
DB943A
D4D053
A78612
—
1.5
Fail
2.2
Fail
3.5
AA Large
1.6
Fail
1.5
Fail
—
1.5
Fail
2.3
Fail
1.1
Fail
2.2
Fail
1.5
Fail
—
1.6
Fail
1.4
Fail
3.5
AA Large
2.3
Fail
1.6
Fail
—
2.1
Fail
1.6
Fail
1.1
Fail
1.4
Fail
2.1
Fail
—
White BG
5.6AA
3.8AA Large
2.5Fail
1.6Fail
3.5AA Large
Black BG
3.7AA Large
5.5AA
8.3AAA
12.9AAA
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

828123
9F9E2C
BCBC50
D2D271
99982E

Deuteranopia

888F26
A5AB31
C0C655
D3D379
9B9D35

Tritanopia

A92C2E
C23C3F
D76165
D4898E
A54449

Achromatopsia

616161
7D7D7D
9F9F9F
C3C3C3
838383

Shades & Tints Shades & Tints

#AE4817

Dark
Light

#C76B18

Dark
Light

#DB943A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ae4817;
  --color-2: #c76b18;
  --color-3: #db943a;
  --color-4: #d4d053;
  --color-5: #a78612;
}

SCSS

$color-1: #ae4817;
$color-2: #c76b18;
$color-3: #db943a;
$color-4: #d4d053;
$color-5: #a78612;

TAILWIND

colors: {
  'brand-1': '#ae4817',
  'brand-2': '#c76b18',
  'brand-3': '#db943a',
  'brand-4': '#d4d053',
  'brand-5': '#a78612',
}

RGB Array

[174, 72, 23], [199, 107, 24], [219, 148, 58], [212, 208, 83], [167, 134, 18]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #AE4817, #C76B18, #DB943A, #D4D053, #A78612 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: #ae4817; --color-2: #c76b18; --color-3: #db943a; --color-4: #d4d053; --color-5: #a78612. 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 spring-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