#DBD78D + #B18A3D + #B76734 + #B94335 + #735B2D · 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

#DBD78D

Fresh Green · Khaki · Sunflower

HEX

#DBD78D

RGB

rgb(219, 215, 141)

HSL

hsl(57, 52%, 71%)

HSB

hsb(57, 36%, 86%)

CMYK

cmyk(0%, 2%, 36%, 14%)

Oklch

oklch(86.5% 0.095 105.6)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#B18A3D

Ochre · DarkGoldenRod · Honey Gold

HEX

#B18A3D

RGB

rgb(177, 138, 61)

HSL

hsl(40, 49%, 47%)

HSB

hsb(40, 66%, 69%)

CMYK

cmyk(0%, 22%, 66%, 31%)

Oklch

oklch(65.6% 0.106 82.0)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#B76734

Tangerine · Sienna · Amber Brown

HEX

#B76734

RGB

rgb(183, 103, 52)

HSL

hsl(23, 56%, 46%)

HSB

hsb(23, 72%, 72%)

CMYK

cmyk(0%, 44%, 72%, 28%)

Oklch

oklch(59.5% 0.122 50.9)

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

#B94335

Crimson · Sienna · Passion Red

HEX

#B94335

RGB

rgb(185, 67, 53)

HSL

hsl(6, 55%, 47%)

HSB

hsb(6, 71%, 73%)

CMYK

cmyk(0%, 64%, 71%, 27%)

Oklch

oklch(54.4% 0.155 29.7)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#735B2D

Ochre · DarkOliveGreen · Amber Brown

HEX

#735B2D

RGB

rgb(115, 91, 45)

HSL

hsl(39, 44%, 31%)

HSB

hsb(39, 61%, 45%)

CMYK

cmyk(0%, 21%, 61%, 55%)

Oklch

oklch(48.5% 0.071 82.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBD78D

8F92DC

Analogous

DCB18F

DBD78D

B9DC8F

Triadic

DBD78D

8FDCD8

D88FDC

Split-Comp.

DBD78D

8FB9DC

B18FDC

Tetradic

DBD78D

8FDCB1

8F92DC

DC8FB9

Contrast Matrix WCAG 2.1 Contrast

DBD78D	B18A3D	B76734	B94335	735B2D
—	2.1 Fail	2.8 Fail	3.6 AA Large	4.3 AA Large
2.1 Fail	—	1.3 Fail	1.7 Fail	2.0 Fail
2.8 Fail	1.3 Fail	—	1.3 Fail	1.5 Fail
3.6 AA Large	1.7 Fail	1.3 Fail	—	1.2 Fail
4.3 AA Large	2.0 Fail	1.5 Fail	1.2 Fail	—

White BG

1.5Fail

3.2AA Large

4.2AA Large

5.4AA

6.4AA

Black BG

14.1AAA

6.6AA

5.0AA

3.9AA Large

3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D99F

A0A050

949440

868538

696838

Deuteranopia

DADAA3

A2A554

999F43

8D9639

6A6C3B

Tritanopia

DBADB0

AF5E62

B34A4C

B33B3C

724143

Achromatopsia

D0D0D0

8D8D8D

797979

656565

5D5D5D

Shades & Tints Shades & Tints

#DBD78D

Dark

Light

#B18A3D

Dark

Light

#B76734

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbd78d;
  --color-2: #b18a3d;
  --color-3: #b76734;
  --color-4: #b94335;
  --color-5: #735b2d;
}

SCSS

$color-1: #dbd78d;
$color-2: #b18a3d;
$color-3: #b76734;
$color-4: #b94335;
$color-5: #735b2d;

TAILWIND

colors: {
  'brand-1': '#dbd78d',
  'brand-2': '#b18a3d',
  'brand-3': '#b76734',
  'brand-4': '#b94335',
  'brand-5': '#735b2d',
}

RGB Array

[219, 215, 141], [177, 138, 61], [183, 103, 52], [185, 67, 53], [115, 91, 45]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #DBD78D, #B18A3D, #B76734, #B94335, #735B2D 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: #dbd78d; --color-2: #b18a3d; --color-3: #b76734; --color-4: #b94335; --color-5: #735b2d. 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