← Back to Editor

#D97401 · #251813 · #402605 · #23BBE2 · #EB921A

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#D97401

Ochre · Chocolate · Amber Brown

HEX
#D97401
RGB
rgb(217, 116, 1)
HSL
hsl(32, 99%, 43%)
HSB
hsb(32, 100%, 85%)
CMYK
cmyk(0%, 47%, 100%, 15%)
Oklch
oklch(66.1% 0.160 57.0)

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

#251813

Tangerine · Black · Cinnamon

HEX
#251813
RGB
rgb(37, 24, 19)
HSL
hsl(17, 32%, 11%)
HSB
hsb(17, 49%, 15%)
CMYK
cmyk(0%, 35%, 49%, 85%)
Oklch
oklch(22.4% 0.023 41.9)

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

#402605

Ochre · Black · Cinnamon

HEX
#402605
RGB
rgb(64, 38, 5)
HSL
hsl(34, 86%, 14%)
HSB
hsb(34, 92%, 25%)
CMYK
cmyk(0%, 41%, 92%, 75%)
Oklch
oklch(29.5% 0.060 67.6)

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

#23BBE2

Lake Blue · DarkTurquoise · Lake Green

HEX
#23BBE2
RGB
rgb(35, 187, 226)
HSL
hsl(192, 77%, 51%)
HSB
hsb(192, 85%, 89%)
CMYK
cmyk(85%, 17%, 0%, 11%)
Oklch
oklch(73.5% 0.129 221.0)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

#EB921A

Ginger · GoldenRod · Warm Sun

HEX
#EB921A
RGB
rgb(235, 146, 26)
HSL
hsl(34, 84%, 51%)
HSB
hsb(34, 89%, 92%)
CMYK
cmyk(0%, 38%, 89%, 8%)
Oklch
oklch(73.6% 0.158 66.0)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D97401
0166DA

Analogous

DA0801
D97401
D3DA01

Triadic

D97401
01DA75
7501DA

Split-Comp.

D97401
01D3DA
0801DA

Tetradic

D97401
01DA08
0166DA
DA01D3

Contrast Matrix WCAG 2.1 Contrast

D97401
251813
402605
23BBE2
EB921A
—
5.3
AA
4.3
AA Large
1.4
Fail
1.3
Fail
5.3
AA
—
1.2
Fail
7.6
AAA
7.1
AAA
4.3
AA Large
1.2
Fail
—
6.2
AA
5.8
AA
1.4
Fail
7.6
AAA
6.2
AA
—
1.1
Fail
1.3
Fail
7.1
AAA
5.8
AA
1.1
Fail
—
White BG
3.3AA Large
17.2AAA
14.0AAA
2.3Fail
2.4Fail
Black BG
6.4AA
1.2Fail
1.5Fail
9.3AAA
8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADAC1D
1F1F14
35350D
6566D9
C4C437

Deuteranopia

B3BB24
202115
36380F
5C51D6
CAD03E

Tritanopia

D43338
241515
3F1315
2BD1CF
E74E53

Achromatopsia

858585
1B1B1B
2A2A2A
929292
9F9F9F

Shades & Tints Shades & Tints

#D97401

Dark
Light

#251813

Dark
Light

#402605

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d97401;
  --color-2: #251813;
  --color-3: #402605;
  --color-4: #23bbe2;
  --color-5: #eb921a;
}

SCSS

$color-1: #d97401;
$color-2: #251813;
$color-3: #402605;
$color-4: #23bbe2;
$color-5: #eb921a;

TAILWIND

colors: {
  'brand-1': '#d97401',
  'brand-2': '#251813',
  'brand-3': '#402605',
  'brand-4': '#23bbe2',
  'brand-5': '#eb921a',
}

RGB Array

[217, 116, 1], [37, 24, 19], [64, 38, 5], [35, 187, 226], [235, 146, 26]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D97401, #251813, #402605, #23BBE2, #EB921A is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #d97401; --color-2: #251813; --color-3: #402605; --color-4: #23bbe2; --color-5: #eb921a. 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. 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