← Back to Editor

#DD7359 · #D9CB9E · #9C9873 · #ADB38D · #659D84

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#DD7359

Peach Pink · Coral · Coral Red

HEX
#DD7359
RGB
rgb(221, 115, 89)
HSL
hsl(12, 66%, 61%)
HSB
hsb(12, 60%, 87%)
CMYK
cmyk(0%, 48%, 60%, 13%)
Oklch
oklch(67.2% 0.138 34.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#D9CB9E

Goose Yellow · Tan · Sunflower

HEX
#D9CB9E
RGB
rgb(217, 203, 158)
HSL
hsl(46, 44%, 74%)
HSB
hsb(46, 27%, 85%)
CMYK
cmyk(0%, 6%, 27%, 15%)
Oklch
oklch(84.2% 0.061 92.8)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#9C9873

Autumn Sage · Gray · Sunflower

HEX
#9C9873
RGB
rgb(156, 152, 115)
HSL
hsl(54, 17%, 53%)
HSB
hsb(54, 26%, 61%)
CMYK
cmyk(0%, 3%, 26%, 39%)
Oklch
oklch(67.3% 0.052 102.5)

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

#ADB38D

Fresh Green · DarkGray · Sunflower

HEX
#ADB38D
RGB
rgb(173, 179, 141)
HSL
hsl(69, 20%, 63%)
HSB
hsb(69, 21%, 70%)
CMYK
cmyk(3%, 0%, 21%, 30%)
Oklch
oklch(75.2% 0.053 115.0)

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

#659D84

Mineral Blue · CadetBlue · Olive Green

HEX
#659D84
RGB
rgb(101, 157, 132)
HSL
hsl(153, 22%, 51%)
HSB
hsb(153, 36%, 62%)
CMYK
cmyk(36%, 0%, 16%, 38%)
Oklch
oklch(65.0% 0.070 164.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DD7359
5AC3DD

Analogous

DD5A81
DD7359
DDB65A

Triadic

DD7359
5ADD74
745ADD

Split-Comp.

DD7359
5ADDB6
5A81DD

Tetradic

DD7359
81DD5A
5AC3DD
B65ADD

Contrast Matrix WCAG 2.1 Contrast

DD7359
D9CB9E
9C9873
ADB38D
659D84
—
1.9
Fail
1.1
Fail
1.4
Fail
1.0
Fail
1.9
Fail
—
1.8
Fail
1.4
Fail
1.9
Fail
1.1
Fail
1.8
Fail
—
1.3
Fail
1.1
Fail
1.4
Fail
1.4
Fail
1.3
Fail
—
1.4
Fail
1.0
Fail
1.9
Fail
1.1
Fail
1.4
Fail
—
White BG
3.1AA Large
1.6Fail
2.9Fail
2.2Fail
3.1AA Large
Black BG
6.7AA
13.0AAA
7.2AAA
9.6AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAE5F
D3D3A9
9A9A7C
B0B096
7D7E8A

Deuteranopia

B5BD61
D4D5AC
9B9B7E
AFAF98
7A768C

Tritanopia

D86465
D8B1B3
9C8385
AD9D9F
688F90

Achromatopsia

909090
CACACA
959595
ADADAD
898989

Shades & Tints Shades & Tints

#DD7359

Dark
Light

#D9CB9E

Dark
Light

#9C9873

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dd7359;
  --color-2: #d9cb9e;
  --color-3: #9c9873;
  --color-4: #adb38d;
  --color-5: #659d84;
}

SCSS

$color-1: #dd7359;
$color-2: #d9cb9e;
$color-3: #9c9873;
$color-4: #adb38d;
$color-5: #659d84;

TAILWIND

colors: {
  'brand-1': '#dd7359',
  'brand-2': '#d9cb9e',
  'brand-3': '#9c9873',
  'brand-4': '#adb38d',
  'brand-5': '#659d84',
}

RGB Array

[221, 115, 89], [217, 203, 158], [156, 152, 115], [173, 179, 141], [101, 157, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DD7359, #D9CB9E, #9C9873, #ADB38D, #659D84 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: #dd7359; --color-2: #d9cb9e; --color-3: #9c9873; --color-4: #adb38d; --color-5: #659d84. 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 general-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