← Back to Editor

#FFAE76 · #D09A6D · #A18565 · #72715C · #504641

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FFAE76

Apricot · LightSalmon · Warm Sun

HEX
#FFAE76
RGB
rgb(255, 174, 118)
HSL
hsl(25, 100%, 73%)
HSB
hsb(25, 54%, 100%)
CMYK
cmyk(0%, 32%, 54%, 0%)
Oklch
oklch(81.7% 0.119 54.9)

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

#D09A6D

Apricot · DarkSalmon · Warm Sun

HEX
#D09A6D
RGB
rgb(208, 154, 109)
HSL
hsl(27, 51%, 62%)
HSB
hsb(27, 48%, 82%)
CMYK
cmyk(0%, 26%, 48%, 18%)
Oklch
oklch(72.7% 0.088 60.6)

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

#A18565

Ginger · Gray · Warm Sun

HEX
#A18565
RGB
rgb(161, 133, 101)
HSL
hsl(32, 24%, 51%)
HSB
hsb(32, 37%, 63%)
CMYK
cmyk(0%, 17%, 37%, 37%)
Oklch
oklch(63.5% 0.057 70.3)

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

#72715C

Autumn Sage · DimGray · Honey Gold

HEX
#72715C
RGB
rgb(114, 113, 92)
HSL
hsl(57, 11%, 40%)
HSB
hsb(57, 19%, 45%)
CMYK
cmyk(0%, 1%, 19%, 55%)
Oklch
oklch(54.3% 0.031 105.1)

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

#504641

Tangerine · DarkSlateGray · Amber Brown

HEX
#504641
RGB
rgb(80, 70, 65)
HSL
hsl(20, 10%, 28%)
HSB
hsb(20, 19%, 31%)
CMYK
cmyk(0%, 12%, 19%, 69%)
Oklch
oklch(40.3% 0.016 48.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFAE76
75C6FF

Analogous

FF7581
FFAE76
FFF475

Triadic

FFAE76
75FFAF
AF75FF

Split-Comp.

FFAE76
75FFF4
7581FF

Tetradic

FFAE76
81FF75
75C6FF
F475FF

Contrast Matrix WCAG 2.1 Contrast

FFAE76
D09A6D
A18565
72715C
504641
—
1.4
Fail
1.9
Fail
2.7
Fail
5.0
AA
1.4
Fail
—
1.4
Fail
2.0
Fail
3.7
AA Large
1.9
Fail
1.4
Fail
—
1.4
Fail
2.6
Fail
2.7
Fail
2.0
Fail
1.4
Fail
—
1.8
Fail
5.0
AA
3.7
AA Large
2.6
Fail
1.8
Fail
—
White BG
1.8Fail
2.5Fail
3.5AA Large
5.0AA
9.2AAA
Black BG
11.6AAA
8.5AAA
6.1AA
4.2AA Large
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDB84
B9B878
95956D
727261
4C4C42

Deuteranopia

E1E787
BCC07B
97996F
727262
4C4D43

Tritanopia

FB8E91
CD8082
A07374
726566
504343

Achromatopsia

C0C0C0
A5A5A5
8A8A8A
6F6F6F
484848

Shades & Tints Shades & Tints

#FFAE76

Dark
Light

#D09A6D

Dark
Light

#A18565

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffae76;
  --color-2: #d09a6d;
  --color-3: #a18565;
  --color-4: #72715c;
  --color-5: #504641;
}

SCSS

$color-1: #ffae76;
$color-2: #d09a6d;
$color-3: #a18565;
$color-4: #72715c;
$color-5: #504641;

TAILWIND

colors: {
  'brand-1': '#ffae76',
  'brand-2': '#d09a6d',
  'brand-3': '#a18565',
  'brand-4': '#72715c',
  'brand-5': '#504641',
}

RGB Array

[255, 174, 118], [208, 154, 109], [161, 133, 101], [114, 113, 92], [80, 70, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFAE76, #D09A6D, #A18565, #72715C, #504641 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ffae76; --color-2: #d09a6d; --color-3: #a18565; --color-4: #72715c; --color-5: #504641. 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 tech, SaaS, healthcare, eco industries. 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