← Back to Editor

#2B262A · #655531 · #C97419 · #F4795A · #C0AD8D

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

#2B262A

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#2B262A
RGB
rgb(43, 38, 42)
HSL
hsl(312, 6%, 16%)
HSB
hsb(312, 12%, 17%)
CMYK
cmyk(0%, 12%, 2%, 83%)
Oklch
oklch(27.6% 0.010 332.5)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#655531

Ochre · DarkOliveGreen · Honey Gold

HEX
#655531
RGB
rgb(101, 85, 49)
HSL
hsl(42, 35%, 29%)
HSB
hsb(42, 51%, 40%)
CMYK
cmyk(0%, 16%, 51%, 60%)
Oklch
oklch(45.7% 0.056 86.2)

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

#C97419

Ochre · Chocolate · Amber Brown

HEX
#C97419
RGB
rgb(201, 116, 25)
HSL
hsl(31, 78%, 44%)
HSB
hsb(31, 88%, 79%)
CMYK
cmyk(0%, 42%, 88%, 21%)
Oklch
oklch(64.0% 0.142 60.2)

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

#F4795A

Peach Pink · Coral · Coral Red

HEX
#F4795A
RGB
rgb(244, 121, 90)
HSL
hsl(12, 88%, 65%)
HSB
hsb(12, 63%, 96%)
CMYK
cmyk(0%, 50%, 63%, 4%)
Oklch
oklch(71.2% 0.158 35.3)

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

#C0AD8D

Ginger · Tan · Warm Sun

HEX
#C0AD8D
RGB
rgb(192, 173, 141)
HSL
hsl(38, 29%, 65%)
HSB
hsb(38, 27%, 75%)
CMYK
cmyk(0%, 10%, 27%, 25%)
Oklch
oklch(75.6% 0.049 80.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2B262A
262B27

Analogous

2A262B
2B262A
2B2628

Triadic

2B262A
2A2B26
262A2B

Split-Comp.

2B262A
282B26
262B2A

Tetradic

2B262A
2B2A26
262B27
26282B

Contrast Matrix WCAG 2.1 Contrast

2B262A
655531
C97419
F4795A
C0AD8D
—
2.0
Fail
4.2
AA Large
5.5
AA
6.8
AA
2.0
Fail
—
2.1
Fail
2.7
Fail
3.3
AA Large
4.2
AA Large
2.1
Fail
—
1.3
Fail
1.6
Fail
5.5
AA
2.7
Fail
1.3
Fail
—
1.2
Fail
6.8
AA
3.3
AA Large
1.6
Fail
1.2
Fail
—
White BG
14.9AAA
7.2AAA
3.5AA Large
2.7Fail
2.2Fail
Black BG
1.4Fail
2.9Fail
6.0AA
7.7AAA
9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

292929
5E5E3A
A4A32F
BFBE62
B8B895

Deuteranopia

292A29
5F603C
A9B034
C6CF63
B9BA97

Tritanopia

2B2828
644142
C54044
EE6769
BF9B9C

Achromatopsia

282828
565656
838383
9A9A9A
AFAFAF

Shades & Tints Shades & Tints

#2B262A

Dark
Light

#655531

Dark
Light

#C97419

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2b262a;
  --color-2: #655531;
  --color-3: #c97419;
  --color-4: #f4795a;
  --color-5: #c0ad8d;
}

SCSS

$color-1: #2b262a;
$color-2: #655531;
$color-3: #c97419;
$color-4: #f4795a;
$color-5: #c0ad8d;

TAILWIND

colors: {
  'brand-1': '#2b262a',
  'brand-2': '#655531',
  'brand-3': '#c97419',
  'brand-4': '#f4795a',
  'brand-5': '#c0ad8d',
}

RGB Array

[43, 38, 42], [101, 85, 49], [201, 116, 25], [244, 121, 90], [192, 173, 141]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2B262A, #655531, #C97419, #F4795A, #C0AD8D 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: #2b262a; --color-2: #655531; --color-3: #c97419; --color-4: #f4795a; --color-5: #c0ad8d. 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