← Back to Editor

#1B0D06 · #D1C2AA · #903A15 · #55321C · #AB7B48

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

#1B0D06

Tangerine · Black · Cinnamon

HEX
#1B0D06
RGB
rgb(27, 13, 6)
HSL
hsl(20, 64%, 6%)
HSB
hsb(20, 78%, 11%)
CMYK
cmyk(0%, 52%, 78%, 89%)
Oklch
oklch(17.7% 0.028 48.7)

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

#D1C2AA

Goose Yellow · Silver · Warm Sun

HEX
#D1C2AA
RGB
rgb(209, 194, 170)
HSL
hsl(37, 30%, 74%)
HSB
hsb(37, 19%, 82%)
CMYK
cmyk(0%, 7%, 19%, 18%)
Oklch
oklch(82.0% 0.037 79.6)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#903A15

Tangerine · Brown · Amber Brown

HEX
#903A15
RGB
rgb(144, 58, 21)
HSL
hsl(18, 75%, 32%)
HSB
hsb(18, 85%, 56%)
CMYK
cmyk(0%, 60%, 85%, 44%)
Oklch
oklch(46.1% 0.126 41.2)

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

#55321C

Tangerine · DarkOliveGreen · Cinnamon

HEX
#55321C
RGB
rgb(85, 50, 28)
HSL
hsl(23, 50%, 22%)
HSB
hsb(23, 67%, 33%)
CMYK
cmyk(0%, 41%, 67%, 67%)
Oklch
oklch(35.5% 0.061 51.8)

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

#AB7B48

Ochre · Sienna · Amber Brown

HEX
#AB7B48
RGB
rgb(171, 123, 72)
HSL
hsl(31, 41%, 48%)
HSB
hsb(31, 58%, 67%)
CMYK
cmyk(0%, 28%, 58%, 33%)
Oklch
oklch(62.0% 0.090 66.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1B0D06
061319

Analogous

190609
1B0D06
191606

Triadic

1B0D06
06190C
0C0619

Split-Comp.

1B0D06
061916
060919

Tetradic

1B0D06
091906
061319
160619

Contrast Matrix WCAG 2.1 Contrast

1B0D06
D1C2AA
903A15
55321C
AB7B48
—
10.8
AAA
2.5
Fail
1.7
Fail
5.1
AA
10.8
AAA
—
4.3
AA Large
6.5
AA
2.1
Fail
2.5
Fail
4.3
AA Large
—
1.5
Fail
2.0
Fail
1.7
Fail
6.5
AA
1.5
Fail
—
3.0
AA Large
5.1
AA
2.1
Fail
2.0
Fail
3.0
AA Large
—
White BG
19.0AAA
1.7Fail
7.5AAA
11.3AAA
3.7AA Large
Black BG
1.1Fail
12.0AAA
2.8Fail
1.9Fail
5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

151508
CBCAB0
6B6A1E
464621
969654

Deuteranopia

161708
CBCCB1
707620
484B23
999D57

Tritanopia

1A0909
D0B4B5
8C2527
532626
A95E60

Achromatopsia

101010
C4C4C4
4F4F4F
3A3A3A
848484

Shades & Tints Shades & Tints

#1B0D06

Dark
Light

#D1C2AA

Dark
Light

#903A15

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1b0d06;
  --color-2: #d1c2aa;
  --color-3: #903a15;
  --color-4: #55321c;
  --color-5: #ab7b48;
}

SCSS

$color-1: #1b0d06;
$color-2: #d1c2aa;
$color-3: #903a15;
$color-4: #55321c;
$color-5: #ab7b48;

TAILWIND

colors: {
  'brand-1': '#1b0d06',
  'brand-2': '#d1c2aa',
  'brand-3': '#903a15',
  'brand-4': '#55321c',
  'brand-5': '#ab7b48',
}

RGB Array

[27, 13, 6], [209, 194, 170], [144, 58, 21], [85, 50, 28], [171, 123, 72]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1B0D06, #D1C2AA, #903A15, #55321C, #AB7B48 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: #1b0d06; --color-2: #d1c2aa; --color-3: #903a15; --color-4: #55321c; --color-5: #ab7b48. 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