#D85327 + #D07B3D + #B0A146 + #B8C08E + #CDC60A · warm - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#D85327

Tangerine · Chocolate · Amber Brown

HEX

#D85327

RGB

rgb(216, 83, 39)

HSL

hsl(15, 69%, 50%)

HSB

hsb(15, 82%, 85%)

CMYK

cmyk(0%, 62%, 82%, 15%)

Oklch

oklch(61.3% 0.176 37.8)

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

#D07B3D

Tangerine · Chocolate · Warm Sun

HEX

#D07B3D

RGB

rgb(208, 123, 61)

HSL

hsl(25, 61%, 53%)

HSB

hsb(25, 71%, 82%)

CMYK

cmyk(0%, 41%, 71%, 18%)

Oklch

oklch(66.4% 0.131 54.2)

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

#B0A146

Autumn Sage · GoldenRod · Honey Gold

HEX

#B0A146

RGB

rgb(176, 161, 70)

HSL

hsl(52, 43%, 48%)

HSB

hsb(52, 60%, 69%)

CMYK

cmyk(0%, 9%, 60%, 31%)

Oklch

oklch(70.4% 0.113 100.0)

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

#B8C08E

Willow Green · Tan · Apple Green

HEX

#B8C08E

RGB

rgb(184, 192, 142)

HSL

hsl(70, 28%, 65%)

HSB

hsb(70, 26%, 75%)

CMYK

cmyk(4%, 0%, 26%, 25%)

Oklch

oklch(78.9% 0.068 115.4)

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

#CDC60A

Autumn Sage · GoldenRod · Honey Gold

HEX

#CDC60A

RGB

rgb(205, 198, 10)

HSL

hsl(58, 91%, 42%)

HSB

hsb(58, 95%, 80%)

CMYK

cmyk(0%, 3%, 95%, 20%)

Oklch

oklch(80.6% 0.172 107.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D85327

28ABD7

Analogous

D72854

D85327

D7AB28

Triadic

D85327

28D754

5428D7

Split-Comp.

D85327

28D7AB

2854D7

Tetradic

D85327

54D728

28ABD7

AB28D7

Contrast Matrix WCAG 2.1 Contrast

D85327	D07B3D	B0A146	B8C08E	CDC60A
—	1.3 Fail	1.5 Fail	2.1 Fail	2.3 Fail
1.3 Fail	—	1.2 Fail	1.7 Fail	1.8 Fail
1.5 Fail	1.2 Fail	—	1.4 Fail	1.5 Fail
2.1 Fail	1.7 Fail	1.4 Fail	—	1.1 Fail
2.3 Fail	1.8 Fail	1.5 Fail	1.1 Fail	—

White BG

4.0AA Large

3.2AA Large

2.6Fail

1.9Fail

1.8Fail

Black BG

5.2AA

6.6AA

8.0AAA

11.0AAA

11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9D32

ABAA4C

AAA95C

BBBC9A

CACA37

Deuteranopia

A6B034

B0B750

AAAC61

BBBA9D

CACB42

Tritanopia

D13A3C

CC585A

AF6D71

B8A4A6

CD5B63

Achromatopsia

767676

8D8D8D

9B9B9B

B8B8B8

B3B3B3

Shades & Tints Shades & Tints

#D85327

Dark

Light

#D07B3D

Dark

Light

#B0A146

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d85327;
  --color-2: #d07b3d;
  --color-3: #b0a146;
  --color-4: #b8c08e;
  --color-5: #cdc60a;
}

SCSS

$color-1: #d85327;
$color-2: #d07b3d;
$color-3: #b0a146;
$color-4: #b8c08e;
$color-5: #cdc60a;

TAILWIND

colors: {
  'brand-1': '#d85327',
  'brand-2': '#d07b3d',
  'brand-3': '#b0a146',
  'brand-4': '#b8c08e',
  'brand-5': '#cdc60a',
}

RGB Array

[216, 83, 39], [208, 123, 61], [176, 161, 70], [184, 192, 142], [205, 198, 10]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #D85327, #D07B3D, #B0A146, #B8C08E, #CDC60A is ideal for: corporate websites, product showcases, portfolios. 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: #d85327; --color-2: #d07b3d; --color-3: #b0a146; --color-4: #b8c08e; --color-5: #cdc60a. 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. 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 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