← Back to Editor

#D0D6AA · #C68F10 · #D44A26 · #5F1836 · #0C1228

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#D0D6AA

Fresh Green · Silver · Sunflower

HEX
#D0D6AA
RGB
rgb(208, 214, 170)
HSL
hsl(68, 35%, 75%)
HSB
hsb(68, 21%, 84%)
CMYK
cmyk(3%, 0%, 21%, 16%)
Oklch
oklch(86.0% 0.059 114.0)

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

#C68F10

Ochre · DarkGoldenRod · Honey Gold

HEX
#C68F10
RGB
rgb(198, 143, 16)
HSL
hsl(42, 85%, 42%)
HSB
hsb(42, 92%, 78%)
CMYK
cmyk(0%, 28%, 92%, 22%)
Oklch
oklch(68.6% 0.139 80.4)

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

#D44A26

Vermilion · Chocolate · Passion Red

HEX
#D44A26
RGB
rgb(212, 74, 38)
HSL
hsl(12, 70%, 49%)
HSB
hsb(12, 82%, 83%)
CMYK
cmyk(0%, 65%, 82%, 17%)
Oklch
oklch(59.5% 0.180 35.3)

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

#5F1836

Dark Violet · Maroon · Raspberry

HEX
#5F1836
RGB
rgb(95, 24, 54)
HSL
hsl(335, 60%, 23%)
HSB
hsb(335, 75%, 37%)
CMYK
cmyk(0%, 75%, 43%, 63%)
Oklch
oklch(33.6% 0.106 358.7)

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

#0C1228

Indigo · Black · Deep Sea Blue

HEX
#0C1228
RGB
rgb(12, 18, 40)
HSL
hsl(227, 54%, 10%)
HSB
hsb(227, 70%, 16%)
CMYK
cmyk(70%, 55%, 0%, 84%)
Oklch
oklch(19.0% 0.046 270.1)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0D6AA
AFA9D6

Analogous

D6C5A9
D0D6AA
B9D6A9

Triadic

D0D6AA
A9D0D6
D6A9D0

Split-Comp.

D0D6AA
A9B9D6
C5A9D6

Tetradic

D0D6AA
A9D6C5
AFA9D6
D6A9B9

Contrast Matrix WCAG 2.1 Contrast

D0D6AA
C68F10
D44A26
5F1836
0C1228
—
1.9
Fail
2.9
Fail
8.3
AAA
12.3
AAA
1.9
Fail
—
1.5
Fail
4.4
AA Large
6.5
AA
2.9
Fail
1.5
Fail
—
2.9
Fail
4.2
AA Large
8.3
AAA
4.4
AA Large
2.9
Fail
—
1.5
Fail
12.3
AAA
6.5
AA
4.2
AA Large
1.5
Fail
—
White BG
1.5Fail
2.9Fail
4.4AA Large
12.6AAA
18.5AAA
Black BG
13.9AAA
7.3AAA
4.8AA
1.7Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D3B5
AEAE2F
98972F
40402F
0F0F23

Deuteranopia

D2D2B7
B1B636
A0AB31
444A2D
0E0E21

Tritanopia

D0BDBF
C3474C
CD3637
5B2928
0C1E1E

Achromatopsia

CFCFCF
919191
6F6F6F
313131
131313

Shades & Tints Shades & Tints

#D0D6AA

Dark
Light

#C68F10

Dark
Light

#D44A26

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0d6aa;
  --color-2: #c68f10;
  --color-3: #d44a26;
  --color-4: #5f1836;
  --color-5: #0c1228;
}

SCSS

$color-1: #d0d6aa;
$color-2: #c68f10;
$color-3: #d44a26;
$color-4: #5f1836;
$color-5: #0c1228;

TAILWIND

colors: {
  'brand-1': '#d0d6aa',
  'brand-2': '#c68f10',
  'brand-3': '#d44a26',
  'brand-4': '#5f1836',
  'brand-5': '#0c1228',
}

RGB Array

[208, 214, 170], [198, 143, 16], [212, 74, 38], [95, 24, 54], [12, 18, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0D6AA, #C68F10, #D44A26, #5F1836, #0C1228 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d0d6aa; --color-2: #c68f10; --color-3: #d44a26; --color-4: #5f1836; --color-5: #0c1228. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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