← Back to Editor

#D3C294 · #087564 · #D98A5C · #30121C · #C76B6B

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 LibraryData Visualization

Color Details Color Details

#D3C294

Ginger · Tan · Sunflower

HEX
#D3C294
RGB
rgb(211, 194, 148)
HSL
hsl(44, 42%, 70%)
HSB
hsb(44, 30%, 83%)
CMYK
cmyk(0%, 8%, 30%, 17%)
Oklch
oklch(81.7% 0.064 90.2)

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

#087564

Mineral Blue · Teal · Peacock Green

HEX
#087564
RGB
rgb(8, 117, 100)
HSL
hsl(171, 87%, 25%)
HSB
hsb(171, 93%, 46%)
CMYK
cmyk(93%, 0%, 15%, 54%)
Oklch
oklch(50.4% 0.091 177.7)

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

#D98A5C

Apricot · DarkSalmon · Warm Sun

HEX
#D98A5C
RGB
rgb(217, 138, 92)
HSL
hsl(22, 62%, 61%)
HSB
hsb(22, 58%, 85%)
CMYK
cmyk(0%, 36%, 58%, 15%)
Oklch
oklch(70.5% 0.115 50.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#30121C

Dark Violet · Black · Raspberry

HEX
#30121C
RGB
rgb(48, 18, 28)
HSL
hsl(340, 45%, 13%)
HSB
hsb(340, 63%, 19%)
CMYK
cmyk(0%, 63%, 42%, 81%)
Oklch
oklch(23.2% 0.051 0.7)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#C76B6B

Crimson · LightCoral · Passion Red

HEX
#C76B6B
RGB
rgb(199, 107, 107)
HSL
hsl(0, 45%, 60%)
HSB
hsb(0, 46%, 78%)
CMYK
cmyk(0%, 46%, 46%, 22%)
Oklch
oklch(63.3% 0.117 20.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D3C294
92A4D3

Analogous

D3A192
D3C294
C4D392

Triadic

D3C294
92D3C1
C192D3

Split-Comp.

D3C294
92C4D3
A192D3

Tetradic

D3C294
92D3A1
92A4D3
D392C4

Contrast Matrix WCAG 2.1 Contrast

D3C294
087564
D98A5C
30121C
C76B6B
—
3.2
AA Large
1.5
Fail
9.7
AAA
2.1
Fail
3.2
AA Large
—
2.1
Fail
3.0
AA Large
1.5
Fail
1.5
Fail
2.1
Fail
—
6.3
AA
1.3
Fail
9.7
AAA
3.0
AA Large
6.3
AA
—
4.7
AA
2.1
Fail
1.5
Fail
1.3
Fail
4.7
AA
—
White BG
1.8Fail
5.6AA
2.7Fail
17.1AAA
3.7AA Large
Black BG
11.9AAA
3.7AA Large
7.7AAA
1.2Fail
5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCB9F
373868
B7B667
23231A
9F9E6B

Deuteranopia

CDCEA2
312969
BBC16A
252719
A5AB6B

Tritanopia

D2A8AA
0D6B6C
D57072
2E1817
C26B6B

Achromatopsia

C2C2C2
525252
9C9C9C
1C1C1C
878787

Shades & Tints Shades & Tints

#D3C294

Dark
Light

#087564

Dark
Light

#D98A5C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d3c294;
  --color-2: #087564;
  --color-3: #d98a5c;
  --color-4: #30121c;
  --color-5: #c76b6b;
}

SCSS

$color-1: #d3c294;
$color-2: #087564;
$color-3: #d98a5c;
$color-4: #30121c;
$color-5: #c76b6b;

TAILWIND

colors: {
  'brand-1': '#d3c294',
  'brand-2': '#087564',
  'brand-3': '#d98a5c',
  'brand-4': '#30121c',
  'brand-5': '#c76b6b',
}

RGB Array

[211, 194, 148], [8, 117, 100], [217, 138, 92], [48, 18, 28], [199, 107, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D3C294, #087564, #D98A5C, #30121C, #C76B6B 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: #d3c294; --color-2: #087564; --color-3: #d98a5c; --color-4: #30121c; --color-5: #c76b6b. 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