← Back to Editor

#FFE3B4 · #A29D5D · #7F6216 · #141215 · #28231F

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

#FFE3B4

Goose Yellow · Wheat · Peach Orange

HEX
#FFE3B4
RGB
rgb(255, 227, 180)
HSL
hsl(38, 100%, 85%)
HSB
hsb(38, 29%, 100%)
CMYK
cmyk(0%, 11%, 29%, 0%)
Oklch
oklch(92.7% 0.068 80.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#A29D5D

Autumn Sage · Gray · Honey Gold

HEX
#A29D5D
RGB
rgb(162, 157, 93)
HSL
hsl(56, 27%, 50%)
HSB
hsb(56, 43%, 64%)
CMYK
cmyk(0%, 3%, 43%, 36%)
Oklch
oklch(68.5% 0.085 104.5)

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

#7F6216

Ochre · Olive · Honey Gold

HEX
#7F6216
RGB
rgb(127, 98, 22)
HSL
hsl(43, 70%, 29%)
HSB
hsb(43, 83%, 50%)
CMYK
cmyk(0%, 23%, 83%, 50%)
Oklch
oklch(51.2% 0.096 86.2)

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

#141215

Dark Plum · Black · Jet Black

HEX
#141215
RGB
rgb(20, 18, 21)
HSL
hsl(280, 8%, 8%)
HSB
hsb(280, 14%, 8%)
CMYK
cmyk(5%, 14%, 0%, 92%)
Oklch
oklch(18.6% 0.007 314.6)

Traditional「Dark Plum」· Paint「Jet Black」· Creative Midnight Shadow

#28231F

Tangerine · Black · Cinnamon

HEX
#28231F
RGB
rgb(40, 35, 31)
HSL
hsl(27, 13%, 14%)
HSB
hsb(27, 23%, 16%)
CMYK
cmyk(0%, 13%, 22%, 84%)
Oklch
oklch(26.0% 0.011 61.0)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFE3B4
B3CFFF

Analogous

FFBDB3
FFE3B4
F5FFB3

Triadic

FFE3B4
B3FFE3
E3B3FF

Split-Comp.

FFE3B4
B3F5FF
BDB3FF

Tetradic

FFE3B4
B3FFBD
B3CFFF
FFB3F5

Contrast Matrix WCAG 2.1 Contrast

FFE3B4
A29D5D
7F6216
141215
28231F
—
2.2
Fail
4.6
AA
15.0
AAA
12.5
AAA
2.2
Fail
—
2.1
Fail
6.7
AA
5.6
AA
4.6
AA
2.1
Fail
—
3.2
AA Large
2.7
Fail
15.0
AAA
6.7
AA
3.2
AA Large
—
1.2
Fail
12.5
AAA
5.6
AA
2.7
Fail
1.2
Fail
—
White BG
1.2Fail
2.8Fail
5.7AA
18.6AAA
15.6AAA
Black BG
16.9AAA
7.5AAA
3.7AA Large
1.1Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F3BF
A0A06C
727228
131314
262620

Deuteranopia

F5F7C2
A0A170
74762D
131314
262720

Tritanopia

FEC8CA
A2797B
7E373A
141414
282121

Achromatopsia

E6E6E6
979797
626262
131313
242424

Shades & Tints Shades & Tints

#FFE3B4

Dark
Light

#A29D5D

Dark
Light

#7F6216

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffe3b4;
  --color-2: #a29d5d;
  --color-3: #7f6216;
  --color-4: #141215;
  --color-5: #28231f;
}

SCSS

$color-1: #ffe3b4;
$color-2: #a29d5d;
$color-3: #7f6216;
$color-4: #141215;
$color-5: #28231f;

TAILWIND

colors: {
  'brand-1': '#ffe3b4',
  'brand-2': '#a29d5d',
  'brand-3': '#7f6216',
  'brand-4': '#141215',
  'brand-5': '#28231f',
}

RGB Array

[255, 227, 180], [162, 157, 93], [127, 98, 22], [20, 18, 21], [40, 35, 31]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFE3B4, #A29D5D, #7F6216, #141215, #28231F is ideal for: tech websites, dark mode UIs, game UIs, 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: #ffe3b4; --color-2: #a29d5d; --color-3: #7f6216; --color-4: #141215; --color-5: #28231f. 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 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