← Back to Editor

#D3CF8F · #92BA7C · #AA545D · #400F12 · #DDC683

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#D3CF8F

Fresh Green · BurlyWood · Sunflower

HEX
#D3CF8F
RGB
rgb(211, 207, 143)
HSL
hsl(56, 44%, 69%)
HSB
hsb(56, 32%, 83%)
CMYK
cmyk(0%, 2%, 32%, 17%)
Oklch
oklch(84.3% 0.083 105.0)

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

#92BA7C

Celadon · DarkSeaGreen · Apple Green

HEX
#92BA7C
RGB
rgb(146, 186, 124)
HSL
hsl(99, 31%, 61%)
HSB
hsb(99, 33%, 73%)
CMYK
cmyk(22%, 0%, 33%, 27%)
Oklch
oklch(74.4% 0.096 134.9)

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

#AA545D

Crimson · Sienna · Passion Red

HEX
#AA545D
RGB
rgb(170, 84, 93)
HSL
hsl(354, 34%, 50%)
HSB
hsb(354, 51%, 67%)
CMYK
cmyk(0%, 51%, 45%, 33%)
Oklch
oklch(55.3% 0.113 14.9)

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

#400F12

Vermilion · Black · Deep Berry

HEX
#400F12
RGB
rgb(64, 15, 18)
HSL
hsl(356, 62%, 15%)
HSB
hsb(356, 77%, 25%)
CMYK
cmyk(0%, 77%, 72%, 75%)
Oklch
oklch(25.5% 0.076 21.0)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#DDC683

Ginger · BurlyWood · Sunflower

HEX
#DDC683
RGB
rgb(221, 198, 131)
HSL
hsl(45, 57%, 69%)
HSB
hsb(45, 41%, 87%)
CMYK
cmyk(0%, 10%, 41%, 13%)
Oklch
oklch(83.1% 0.090 91.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D3CF8F
8D92D3

Analogous

D3AB8D
D3CF8F
B5D38D

Triadic

D3CF8F
8DD3CE
CE8DD3

Split-Comp.

D3CF8F
8DB5D3
AB8DD3

Tetradic

D3CF8F
8DD3AB
8D92D3
D38DB5

Contrast Matrix WCAG 2.1 Contrast

D3CF8F
92BA7C
AA545D
400F12
DDC683
—
1.4
Fail
3.2
AA Large
10.1
AAA
1.0
Fail
1.4
Fail
—
2.3
Fail
7.4
AAA
1.3
Fail
3.2
AA Large
2.3
Fail
—
3.2
AA Large
3.0
AA Large
10.1
AAA
7.4
AAA
3.2
AA Large
—
9.6
AAA
1.0
Fail
1.3
Fail
3.0
AA Large
9.6
AAA
—
White BG
1.6Fail
2.2Fail
5.1AA
16.2AAA
1.7Fail
Black BG
13.1AAA
9.5AAA
4.1AA Large
1.3Fail
12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D19E
A3A48B
85845B
2B2A11
D3D393

Deuteranopia

D2D2A2
A19E8F
8A905A
2E3111
D4D697

Tritanopia

D3ABAD
949799
A65959
3E1111
DCA0A3

Achromatopsia

C9C9C9
A7A7A7
6F6F6F
1E1E1E
C5C5C5

Shades & Tints Shades & Tints

#D3CF8F

Dark
Light

#92BA7C

Dark
Light

#AA545D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d3cf8f;
  --color-2: #92ba7c;
  --color-3: #aa545d;
  --color-4: #400f12;
  --color-5: #ddc683;
}

SCSS

$color-1: #d3cf8f;
$color-2: #92ba7c;
$color-3: #aa545d;
$color-4: #400f12;
$color-5: #ddc683;

TAILWIND

colors: {
  'brand-1': '#d3cf8f',
  'brand-2': '#92ba7c',
  'brand-3': '#aa545d',
  'brand-4': '#400f12',
  'brand-5': '#ddc683',
}

RGB Array

[211, 207, 143], [146, 186, 124], [170, 84, 93], [64, 15, 18], [221, 198, 131]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D3CF8F, #92BA7C, #AA545D, #400F12, #DDC683 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #d3cf8f; --color-2: #92ba7c; --color-3: #aa545d; --color-4: #400f12; --color-5: #ddc683. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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