← Back to Editor

#D9631A · #EBA04B · #FFD3A1 · #D3A1FF · #B5A1FF

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

#D9631A

Tangerine · Chocolate · Amber Brown

HEX
#D9631A
RGB
rgb(217, 99, 26)
HSL
hsl(23, 79%, 48%)
HSB
hsb(23, 88%, 85%)
CMYK
cmyk(0%, 54%, 88%, 15%)
Oklch
oklch(63.5% 0.167 46.4)

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

#EBA04B

Ginger · SandyBrown · Warm Sun

HEX
#EBA04B
RGB
rgb(235, 160, 75)
HSL
hsl(32, 80%, 61%)
HSB
hsb(32, 68%, 92%)
CMYK
cmyk(0%, 32%, 68%, 8%)
Oklch
oklch(76.4% 0.134 66.6)

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

#FFD3A1

Goose Yellow · Wheat · Peach Orange

HEX
#FFD3A1
RGB
rgb(255, 211, 161)
HSL
hsl(32, 100%, 82%)
HSB
hsb(32, 37%, 100%)
CMYK
cmyk(0%, 17%, 37%, 0%)
Oklch
oklch(89.3% 0.081 70.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#D3A1FF

Lilac · Violet · Lavender

HEX
#D3A1FF
RGB
rgb(211, 161, 255)
HSL
hsl(272, 100%, 82%)
HSB
hsb(272, 37%, 100%)
CMYK
cmyk(17%, 37%, 0%, 0%)
Oklch
oklch(78.9% 0.139 307.9)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#B5A1FF

Wisteria · LightSteelBlue · Sky Blue

HEX
#B5A1FF
RGB
rgb(181, 161, 255)
HSL
hsl(253, 100%, 82%)
HSB
hsb(253, 37%, 100%)
CMYK
cmyk(29%, 37%, 0%, 0%)
Oklch
oklch(76.3% 0.133 292.7)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9631A
1A91DB

Analogous

DB1A30
D9631A
DBC51A

Triadic

D9631A
1ADB64
641ADB

Split-Comp.

D9631A
1ADBC5
1A30DB

Tetradic

D9631A
30DB1A
1A91DB
C51ADB

Contrast Matrix WCAG 2.1 Contrast

D9631A
EBA04B
FFD3A1
D3A1FF
B5A1FF
—
1.7
Fail
2.6
Fail
1.8
Fail
1.7
Fail
1.7
Fail
—
1.6
Fail
1.1
Fail
1.0
Fail
2.6
Fail
1.6
Fail
—
1.5
Fail
1.6
Fail
1.8
Fail
1.1
Fail
1.5
Fail
—
1.1
Fail
1.7
Fail
1.0
Fail
1.6
Fail
1.1
Fail
—
White BG
3.7AA Large
2.2Fail
1.4Fail
2.0Fail
2.2Fail
Black BG
5.7AA
9.7AAA
15.1AAA
10.3AAA
9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A52C
CBCA60
ECECAD
BDBDE8
ACACE8

Deuteranopia

ADB630
CFD565
EFF2B0
C0C4E3
AEAFE3

Tritanopia

D33A3D
E77073
FDB7B9
D1D6D2
B4D6D2

Achromatopsia

7E7E7E
ADADAD
DADADA
BBBBBB
B2B2B2

Shades & Tints Shades & Tints

#D9631A

Dark
Light

#EBA04B

Dark
Light

#FFD3A1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9631a;
  --color-2: #eba04b;
  --color-3: #ffd3a1;
  --color-4: #d3a1ff;
  --color-5: #b5a1ff;
}

SCSS

$color-1: #d9631a;
$color-2: #eba04b;
$color-3: #ffd3a1;
$color-4: #d3a1ff;
$color-5: #b5a1ff;

TAILWIND

colors: {
  'brand-1': '#d9631a',
  'brand-2': '#eba04b',
  'brand-3': '#ffd3a1',
  'brand-4': '#d3a1ff',
  'brand-5': '#b5a1ff',
}

RGB Array

[217, 99, 26], [235, 160, 75], [255, 211, 161], [211, 161, 255], [181, 161, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9631A, #EBA04B, #FFD3A1, #D3A1FF, #B5A1FF is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #d9631a; --color-2: #eba04b; --color-3: #ffd3a1; --color-4: #d3a1ff; --color-5: #b5a1ff. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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