← Back to Editor

#FF9500 · #382328 · #B1CCA9 · #EEE7CB · #EDE1AD

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

#FF9500

Ochre · Orange · Amber Brown

HEX
#FF9500
RGB
rgb(255, 149, 0)
HSL
hsl(35, 100%, 50%)
HSB
hsb(35, 100%, 100%)
CMYK
cmyk(0%, 42%, 100%, 0%)
Oklch
oklch(76.5% 0.175 62.6)

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

#382328

Crimson · DarkSlateGray · Deep Berry

HEX
#382328
RGB
rgb(56, 35, 40)
HSL
hsl(346, 23%, 18%)
HSB
hsb(346, 37%, 22%)
CMYK
cmyk(0%, 38%, 29%, 78%)
Oklch
oklch(28.4% 0.033 3.8)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#B1CCA9

Celadon · Silver · Apple Green

HEX
#B1CCA9
RGB
rgb(177, 204, 169)
HSL
hsl(106, 26%, 73%)
HSB
hsb(106, 17%, 80%)
CMYK
cmyk(13%, 0%, 17%, 20%)
Oklch
oklch(81.6% 0.056 138.6)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#EEE7CB

Goose Yellow · Bisque · Lemon Cream

HEX
#EEE7CB
RGB
rgb(238, 231, 203)
HSL
hsl(48, 51%, 86%)
HSB
hsb(48, 15%, 93%)
CMYK
cmyk(0%, 3%, 15%, 7%)
Oklch
oklch(92.6% 0.038 95.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#EDE1AD

Goose Yellow · Wheat · Lemon Cream

HEX
#EDE1AD
RGB
rgb(237, 225, 173)
HSL
hsl(49, 64%, 80%)
HSB
hsb(49, 27%, 93%)
CMYK
cmyk(0%, 5%, 27%, 7%)
Oklch
oklch(90.7% 0.069 96.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF9500
006AFF

Analogous

FF1500
FF9500
EAFF00

Triadic

FF9500
00FF95
9500FF

Split-Comp.

FF9500
00EAFF
1500FF

Tetradic

FF9500
00FF15
006AFF
FF00EA

Contrast Matrix WCAG 2.1 Contrast

FF9500
382328
B1CCA9
EEE7CB
EDE1AD
—
6.6
AA
1.3
Fail
1.8
Fail
1.7
Fail
6.6
AA
—
8.4
AAA
11.8
AAA
11.1
AAA
1.3
Fail
8.4
AAA
—
1.4
Fail
1.3
Fail
1.8
Fail
11.8
AAA
1.4
Fail
—
1.1
Fail
1.7
Fail
11.1
AAA
1.3
Fail
1.1
Fail
—
White BG
2.2Fail
14.6AAA
1.7Fail
1.2Fail
1.3Fail
Black BG
9.6AAA
1.4Fail
12.1AAA
16.9AAA
16.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D024
2F2F27
BDBDB1
EBEBD2
E8E8BA

Deuteranopia

D7DF2D
303227
BBB9B4
EBECD3
E9E9BD

Tritanopia

FA4147
372626
B2B8BA
EED7D8
ECC4C6

Achromatopsia

A4A4A4
2A2A2A
C0C0C0
E6E6E6
DFDFDF

Shades & Tints Shades & Tints

#FF9500

Dark
Light

#382328

Dark
Light

#B1CCA9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff9500;
  --color-2: #382328;
  --color-3: #b1cca9;
  --color-4: #eee7cb;
  --color-5: #ede1ad;
}

SCSS

$color-1: #ff9500;
$color-2: #382328;
$color-3: #b1cca9;
$color-4: #eee7cb;
$color-5: #ede1ad;

TAILWIND

colors: {
  'brand-1': '#ff9500',
  'brand-2': '#382328',
  'brand-3': '#b1cca9',
  'brand-4': '#eee7cb',
  'brand-5': '#ede1ad',
}

RGB Array

[255, 149, 0], [56, 35, 40], [177, 204, 169], [238, 231, 203], [237, 225, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF9500, #382328, #B1CCA9, #EEE7CB, #EDE1AD 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: #ff9500; --color-2: #382328; --color-3: #b1cca9; --color-4: #eee7cb; --color-5: #ede1ad. 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