← Back to Editor

#CAB4A9 · #ED7A03 · #382D3D · #2B2330 · #231D29

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

#CAB4A9

Apricot · Silver · Warm Sun

HEX
#CAB4A9
RGB
rgb(202, 180, 169)
HSL
hsl(20, 24%, 73%)
HSB
hsb(20, 16%, 79%)
CMYK
cmyk(0%, 11%, 16%, 21%)
Oklch
oklch(78.6% 0.030 48.3)

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

#ED7A03

Ochre · Chocolate · Amber Brown

HEX
#ED7A03
RGB
rgb(237, 122, 3)
HSL
hsl(31, 98%, 47%)
HSB
hsb(31, 99%, 93%)
CMYK
cmyk(0%, 49%, 99%, 7%)
Oklch
oklch(69.8% 0.173 54.4)

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

#382D3D

Dark Plum · DarkSlateGray · Eggplant

HEX
#382D3D
RGB
rgb(56, 45, 61)
HSL
hsl(281, 15%, 21%)
HSB
hsb(281, 26%, 24%)
CMYK
cmyk(8%, 26%, 0%, 76%)
Oklch
oklch(31.6% 0.032 315.2)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#2B2330

Dark Plum · DarkSlateGray · Dark Purple

HEX
#2B2330
RGB
rgb(43, 35, 48)
HSL
hsl(277, 16%, 16%)
HSB
hsb(277, 27%, 19%)
CMYK
cmyk(10%, 27%, 0%, 81%)
Oklch
oklch(27.1% 0.026 312.3)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#231D29

Dark Plum · Black · Dark Purple

HEX
#231D29
RGB
rgb(35, 29, 41)
HSL
hsl(270, 17%, 14%)
HSB
hsb(270, 29%, 16%)
CMYK
cmyk(15%, 29%, 0%, 84%)
Oklch
oklch(24.3% 0.024 307.4)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CAB4A9
AAC0CB

Analogous

CBAAAF
CAB4A9
CBC5AA

Triadic

CAB4A9
AACBB5
B5AACB

Split-Comp.

CAB4A9
AACBC5
AAAFCB

Tetradic

CAB4A9
AFCBAA
AAC0CB
C5AACB

Contrast Matrix WCAG 2.1 Contrast

CAB4A9
ED7A03
382D3D
2B2330
231D29
—
1.4
Fail
6.6
AA
7.7
AAA
8.3
AAA
1.4
Fail
—
4.6
AA
5.3
AA
5.8
AA
6.6
AA
4.6
AA
—
1.2
Fail
1.3
Fail
7.7
AAA
5.3
AA
1.2
Fail
—
1.1
Fail
8.3
AAA
5.8
AA
1.3
Fail
1.1
Fail
—
White BG
2.0Fail
2.8Fail
13.0AAA
15.2AAA
16.4AAA
Black BG
10.6AAA
7.4AAA
1.6Fail
1.4Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C0AC
BBBA20
333339
28272D
202026

Deuteranopia

C2C3AC
C2CA27
343538
28292C
212125

Tritanopia

C9AEAE
E7373C
373635
2B2A2A
232423

Achromatopsia

B9B9B9
8F8F8F
323232
272727
202020

Shades & Tints Shades & Tints

#CAB4A9

Dark
Light

#ED7A03

Dark
Light

#382D3D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cab4a9;
  --color-2: #ed7a03;
  --color-3: #382d3d;
  --color-4: #2b2330;
  --color-5: #231d29;
}

SCSS

$color-1: #cab4a9;
$color-2: #ed7a03;
$color-3: #382d3d;
$color-4: #2b2330;
$color-5: #231d29;

TAILWIND

colors: {
  'brand-1': '#cab4a9',
  'brand-2': '#ed7a03',
  'brand-3': '#382d3d',
  'brand-4': '#2b2330',
  'brand-5': '#231d29',
}

RGB Array

[202, 180, 169], [237, 122, 3], [56, 45, 61], [43, 35, 48], [35, 29, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CAB4A9, #ED7A03, #382D3D, #2B2330, #231D29 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: #cab4a9; --color-2: #ed7a03; --color-3: #382d3d; --color-4: #2b2330; --color-5: #231d29. 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