← Back to Editor

#DAD38B · #C0B85F · #77734A · #774A4A · #A74949

nature

A 5-color nature palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#DAD38B

Fresh Green · BurlyWood · Sunflower

HEX
#DAD38B
RGB
rgb(218, 211, 139)
HSL
hsl(55, 52%, 70%)
HSB
hsb(55, 36%, 85%)
CMYK
cmyk(0%, 3%, 36%, 15%)
Oklch
oklch(85.6% 0.093 103.4)

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

#C0B85F

Autumn Sage · Tan · Sunflower

HEX
#C0B85F
RGB
rgb(192, 184, 95)
HSL
hsl(55, 43%, 56%)
HSB
hsb(55, 51%, 75%)
CMYK
cmyk(0%, 4%, 51%, 25%)
Oklch
oklch(77.1% 0.112 104.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#77734A

Autumn Sage · DimGray · Honey Gold

HEX
#77734A
RGB
rgb(119, 115, 74)
HSL
hsl(55, 23%, 38%)
HSB
hsb(55, 38%, 47%)
CMYK
cmyk(0%, 3%, 38%, 53%)
Oklch
oklch(54.9% 0.059 103.4)

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

#774A4A

Crimson · DimGray · Wine Red

HEX
#774A4A
RGB
rgb(119, 74, 74)
HSL
hsl(0, 23%, 38%)
HSB
hsb(0, 38%, 47%)
CMYK
cmyk(0%, 38%, 38%, 53%)
Oklch
oklch(46.1% 0.062 19.7)

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

#A74949

Crimson · Sienna · Passion Red

HEX
#A74949
RGB
rgb(167, 73, 73)
HSL
hsl(0, 39%, 47%)
HSB
hsb(0, 56%, 65%)
CMYK
cmyk(0%, 56%, 56%, 35%)
Oklch
oklch(52.7% 0.125 22.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAD38B
8B91DA

Analogous

DAAC8B
DAD38B
B9DA8B

Triadic

DAD38B
8BDAD4
D48BDA

Split-Comp.

DAD38B
8BB9DA
AC8BDA

Tetradic

DAD38B
8BDAAC
8B91DA
DA8BB9

Contrast Matrix WCAG 2.1 Contrast

DAD38B
C0B85F
77734A
774A4A
A74949
—
1.3
Fail
3.2
AA Large
4.8
AA
3.7
AA Large
1.3
Fail
—
2.4
Fail
3.6
AA Large
2.8
Fail
3.2
AA Large
2.4
Fail
—
1.5
Fail
1.2
Fail
4.8
AA
3.6
AA Large
1.5
Fail
—
1.3
Fail
3.7
AA Large
2.8
Fail
1.2
Fail
1.3
Fail
—
White BG
1.5Fail
2.0Fail
4.8AA
7.3AAA
5.7AA
Black BG
13.7AAA
10.3AAA
4.3AA Large
2.9Fail
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D79C
BDBC75
757554
64634A
7E7D49

Deuteranopia

D7D8A1
BDBE7A
767656
666A4A
848B49

Tritanopia

DAAAAD
C08689
775C5D
754A4A
A24949

Achromatopsia

CDCDCD
B0B0B0
707070
575757
656565

Shades & Tints Shades & Tints

#DAD38B

Dark
Light

#C0B85F

Dark
Light

#77734A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dad38b;
  --color-2: #c0b85f;
  --color-3: #77734a;
  --color-4: #774a4a;
  --color-5: #a74949;
}

SCSS

$color-1: #dad38b;
$color-2: #c0b85f;
$color-3: #77734a;
$color-4: #774a4a;
$color-5: #a74949;

TAILWIND

colors: {
  'brand-1': '#dad38b',
  'brand-2': '#c0b85f',
  'brand-3': '#77734a',
  'brand-4': '#774a4a',
  'brand-5': '#a74949',
}

RGB Array

[218, 211, 139], [192, 184, 95], [119, 115, 74], [119, 74, 74], [167, 73, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #DAD38B, #C0B85F, #77734A, #774A4A, #A74949 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: #dad38b; --color-2: #c0b85f; --color-3: #77734a; --color-4: #774a4a; --color-5: #a74949. 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 nature-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