← Back to Editor

#261C15 · #D16972 · #E79D9B · #FBE9C9 · #FCA36D

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

#261C15

Tangerine · Black · Cinnamon

HEX
#261C15
RGB
rgb(38, 28, 21)
HSL
hsl(25, 29%, 12%)
HSB
hsb(25, 45%, 15%)
CMYK
cmyk(0%, 26%, 45%, 85%)
Oklch
oklch(23.6% 0.020 56.5)

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

#D16972

Peach Pink · LightCoral · Coral Red

HEX
#D16972
RGB
rgb(209, 105, 114)
HSL
hsl(355, 53%, 62%)
HSB
hsb(355, 50%, 82%)
CMYK
cmyk(0%, 50%, 45%, 18%)
Oklch
oklch(64.5% 0.131 16.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E79D9B

Peach Pink · DarkSalmon · Coral Red

HEX
#E79D9B
RGB
rgb(231, 157, 155)
HSL
hsl(2, 61%, 76%)
HSB
hsb(2, 33%, 91%)
CMYK
cmyk(0%, 32%, 33%, 9%)
Oklch
oklch(76.8% 0.089 21.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FBE9C9

Goose Yellow · Bisque · Peach Orange

HEX
#FBE9C9
RGB
rgb(251, 233, 201)
HSL
hsl(38, 86%, 89%)
HSB
hsb(38, 20%, 98%)
CMYK
cmyk(0%, 7%, 20%, 2%)
Oklch
oklch(94.0% 0.046 82.0)

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

#FCA36D

Apricot · LightSalmon · Warm Sun

HEX
#FCA36D
RGB
rgb(252, 163, 109)
HSL
hsl(23, 96%, 71%)
HSB
hsb(23, 57%, 99%)
CMYK
cmyk(0%, 35%, 57%, 1%)
Oklch
oklch(79.3% 0.127 51.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

261C15
162027

Analogous

271617
261C15
272616

Triadic

261C15
16271D
1D1627

Split-Comp.

261C15
162726
161727

Tetradic

261C15
172716
162027
261627

Contrast Matrix WCAG 2.1 Contrast

261C15
D16972
E79D9B
FBE9C9
FCA36D
—
4.7
AA
7.7
AAA
14.0
AAA
8.4
AAA
4.7
AA
—
1.6
Fail
2.9
Fail
1.8
Fail
7.7
AAA
1.6
Fail
—
1.8
Fail
1.1
Fail
14.0
AAA
2.9
Fail
1.8
Fail
—
1.7
Fail
8.4
AAA
1.8
Fail
1.1
Fail
1.7
Fail
—
White BG
16.7AAA
3.5AA Large
2.2Fail
1.2Fail
2.0Fail
Black BG
1.3Fail
6.0AA
9.7AAA
17.6AAA
10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

222217
A4A370
C7C69B
F3F3D1
D5D57A

Deuteranopia

222317
AAB26F
CBD19C
F4F6D3
DBE17D

Tritanopia

261818
CC6E6E
E39C9C
FAD7D8
F88487

Achromatopsia

1E1E1E
898989
B3B3B3
EBEBEB
B7B7B7

Shades & Tints Shades & Tints

#261C15

Dark
Light

#D16972

Dark
Light

#E79D9B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #261c15;
  --color-2: #d16972;
  --color-3: #e79d9b;
  --color-4: #fbe9c9;
  --color-5: #fca36d;
}

SCSS

$color-1: #261c15;
$color-2: #d16972;
$color-3: #e79d9b;
$color-4: #fbe9c9;
$color-5: #fca36d;

TAILWIND

colors: {
  'brand-1': '#261c15',
  'brand-2': '#d16972',
  'brand-3': '#e79d9b',
  'brand-4': '#fbe9c9',
  'brand-5': '#fca36d',
}

RGB Array

[38, 28, 21], [209, 105, 114], [231, 157, 155], [251, 233, 201], [252, 163, 109]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #261C15, #D16972, #E79D9B, #FBE9C9, #FCA36D 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: #261c15; --color-2: #d16972; --color-3: #e79d9b; --color-4: #fbe9c9; --color-5: #fca36d. 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