← Back to Editor

#BD0D53 · #D4570E · #DB8C14 · #7F8D10 · #076858

warm

A 5-color warm 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

#BD0D53

Dark Violet · Crimson · Camellia

HEX
#BD0D53
RGB
rgb(189, 13, 83)
HSL
hsl(336, 87%, 40%)
HSB
hsb(336, 93%, 74%)
CMYK
cmyk(0%, 93%, 56%, 26%)
Oklch
oklch(51.6% 0.201 7.3)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#D4570E

Tangerine · Chocolate · Amber Brown

HEX
#D4570E
RGB
rgb(212, 87, 14)
HSL
hsl(22, 88%, 44%)
HSB
hsb(22, 93%, 83%)
CMYK
cmyk(0%, 59%, 93%, 17%)
Oklch
oklch(61.0% 0.173 43.7)

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

#DB8C14

Ochre · GoldenRod · Amber Brown

HEX
#DB8C14
RGB
rgb(219, 140, 20)
HSL
hsl(36, 83%, 47%)
HSB
hsb(36, 91%, 86%)
CMYK
cmyk(0%, 36%, 91%, 14%)
Oklch
oklch(70.5% 0.149 68.9)

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

#7F8D10

Autumn Sage · Olive · Honey Gold

HEX
#7F8D10
RGB
rgb(127, 141, 16)
HSL
hsl(67, 80%, 31%)
HSB
hsb(67, 89%, 55%)
CMYK
cmyk(10%, 0%, 89%, 45%)
Oklch
oklch(61.1% 0.136 116.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#076858

Mineral Blue · Teal · Peacock Green

HEX
#076858
RGB
rgb(7, 104, 88)
HSL
hsl(170, 87%, 22%)
HSB
hsb(170, 93%, 41%)
CMYK
cmyk(93%, 0%, 15%, 59%)
Oklch
oklch(46.3% 0.084 177.0)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BD0D53
0DBF78

Analogous

BF0DAD
BD0D53
BF1F0D

Triadic

BD0D53
54BF0D
0D54BF

Split-Comp.

BD0D53
0DBF1F
0DADBF

Tetradic

BD0D53
ADBF0D
0DBF78
1F0DBF

Contrast Matrix WCAG 2.1 Contrast

BD0D53
D4570E
DB8C14
7F8D10
076858
—
1.5
Fail
2.3
Fail
1.7
Fail
1.1
Fail
1.5
Fail
—
1.5
Fail
1.1
Fail
1.7
Fail
2.3
Fail
1.5
Fail
—
1.4
Fail
2.5
Fail
1.7
Fail
1.1
Fail
1.4
Fail
—
1.8
Fail
1.1
Fail
1.7
Fail
2.5
Fail
1.8
Fail
—
White BG
6.3AA
4.1AA Large
2.7Fail
3.7AA Large
6.7AA
Black BG
3.3AA Large
5.2AA
7.8AAA
5.7AA
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

716F42
9E9D20
B9B831
85852E
31325C

Deuteranopia

7B883E
A5AE24
BDC338
848336
2B245D

Tritanopia

B43532
CE2E31
D7484D
80464B
0C5F60

Achromatopsia

4A4A4A
747474
969696
7B7B7B
494949

Shades & Tints Shades & Tints

#BD0D53

Dark
Light

#D4570E

Dark
Light

#DB8C14

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bd0d53;
  --color-2: #d4570e;
  --color-3: #db8c14;
  --color-4: #7f8d10;
  --color-5: #076858;
}

SCSS

$color-1: #bd0d53;
$color-2: #d4570e;
$color-3: #db8c14;
$color-4: #7f8d10;
$color-5: #076858;

TAILWIND

colors: {
  'brand-1': '#bd0d53',
  'brand-2': '#d4570e',
  'brand-3': '#db8c14',
  'brand-4': '#7f8d10',
  'brand-5': '#076858',
}

RGB Array

[189, 13, 83], [212, 87, 14], [219, 140, 20], [127, 141, 16], [7, 104, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #BD0D53, #D4570E, #DB8C14, #7F8D10, #076858 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: #bd0d53; --color-2: #d4570e; --color-3: #db8c14; --color-4: #7f8d10; --color-5: #076858. 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 warm-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