← Back to Editor

#41261F · #A6513C · #DBA285 · #EDC0A9 · #FFE2CD

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 AppData Visualization

Color Details Color Details

#41261F

Crimson · DarkSlateGray · Deep Berry

HEX
#41261F
RGB
rgb(65, 38, 31)
HSL
hsl(12, 35%, 19%)
HSB
hsb(12, 52%, 25%)
CMYK
cmyk(0%, 42%, 52%, 75%)
Oklch
oklch(30.1% 0.043 35.3)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#A6513C

Crimson · Sienna · Passion Red

HEX
#A6513C
RGB
rgb(166, 81, 60)
HSL
hsl(12, 47%, 44%)
HSB
hsb(12, 64%, 65%)
CMYK
cmyk(0%, 51%, 64%, 35%)
Oklch
oklch(53.6% 0.117 35.0)

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

#DBA285

Apricot · Tan · Warm Sun

HEX
#DBA285
RGB
rgb(219, 162, 133)
HSL
hsl(20, 54%, 69%)
HSB
hsb(20, 39%, 86%)
CMYK
cmyk(0%, 26%, 39%, 14%)
Oklch
oklch(75.9% 0.079 48.1)

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

#EDC0A9

Apricot · LightPink · Peach Orange

HEX
#EDC0A9
RGB
rgb(237, 192, 169)
HSL
hsl(20, 65%, 80%)
HSB
hsb(20, 29%, 93%)
CMYK
cmyk(0%, 19%, 29%, 7%)
Oklch
oklch(84.2% 0.061 48.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FFE2CD

Apricot · Bisque · Peach Orange

HEX
#FFE2CD
RGB
rgb(255, 226, 205)
HSL
hsl(25, 100%, 90%)
HSB
hsb(25, 20%, 100%)
CMYK
cmyk(0%, 11%, 20%, 0%)
Oklch
oklch(93.1% 0.043 58.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

41261F
1F3B41

Analogous

411F2A
41261F
41371F

Triadic

41261F
1F4126
261F41

Split-Comp.

41261F
1F4137
1F2A41

Tetradic

41261F
2A411F
1F3B41
371F41

Contrast Matrix WCAG 2.1 Contrast

41261F
A6513C
DBA285
EDC0A9
FFE2CD
—
2.5
Fail
6.3
AA
8.4
AAA
11.2
AAA
2.5
Fail
—
2.5
Fail
3.3
AA Large
4.4
AA Large
6.3
AA
2.5
Fail
—
1.3
Fail
1.8
Fail
8.4
AAA
3.3
AA Large
1.3
Fail
—
1.3
Fail
11.2
AAA
4.4
AA Large
1.8
Fail
1.3
Fail
—
White BG
13.8AAA
5.4AA
2.2Fail
1.7Fail
1.2Fail
Black BG
1.5Fail
3.9AA Large
9.5AAA
12.7AAA
17.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

353521
818041
C2C28C
DAD9AF
F2F2D2

Deuteranopia

373921
868D42
C6CA8E
DCDFB0
F4F6D3

Tritanopia

402222
A24546
D89293
EBB3B4
FED6D7

Achromatopsia

2D2D2D
686868
B0B0B0
CBCBCB
E8E8E8

Shades & Tints Shades & Tints

#41261F

Dark
Light

#A6513C

Dark
Light

#DBA285

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #41261f;
  --color-2: #a6513c;
  --color-3: #dba285;
  --color-4: #edc0a9;
  --color-5: #ffe2cd;
}

SCSS

$color-1: #41261f;
$color-2: #a6513c;
$color-3: #dba285;
$color-4: #edc0a9;
$color-5: #ffe2cd;

TAILWIND

colors: {
  'brand-1': '#41261f',
  'brand-2': '#a6513c',
  'brand-3': '#dba285',
  'brand-4': '#edc0a9',
  'brand-5': '#ffe2cd',
}

RGB Array

[65, 38, 31], [166, 81, 60], [219, 162, 133], [237, 192, 169], [255, 226, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #41261F, #A6513C, #DBA285, #EDC0A9, #FFE2CD is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #41261f; --color-2: #a6513c; --color-3: #dba285; --color-4: #edc0a9; --color-5: #ffe2cd. 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 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