← Back to Editor

#D9F0CC · #D4D69F · #DE7373 · #B03E5E · #261E20

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

#D9F0CC

Emerald · LightGray · Mint Green

HEX
#D9F0CC
RGB
rgb(217, 240, 204)
HSL
hsl(98, 55%, 87%)
HSB
hsb(98, 15%, 94%)
CMYK
cmyk(10%, 0%, 15%, 6%)
Oklch
oklch(92.9% 0.054 134.2)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#D4D69F

Fresh Green · Khaki · Sunflower

HEX
#D4D69F
RGB
rgb(212, 214, 159)
HSL
hsl(62, 40%, 73%)
HSB
hsb(62, 26%, 84%)
CMYK
cmyk(1%, 0%, 26%, 16%)
Oklch
oklch(86.1% 0.072 109.6)

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

#DE7373

Peach Pink · LightCoral · Coral Red

HEX
#DE7373
RGB
rgb(222, 115, 115)
HSL
hsl(0, 62%, 66%)
HSB
hsb(0, 48%, 87%)
CMYK
cmyk(0%, 48%, 48%, 13%)
Oklch
oklch(67.8% 0.134 21.2)

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

#B03E5E

Dark Violet · Sienna · Camellia

HEX
#B03E5E
RGB
rgb(176, 62, 94)
HSL
hsl(343, 48%, 47%)
HSB
hsb(343, 65%, 69%)
CMYK
cmyk(0%, 65%, 47%, 31%)
Oklch
oklch(53.2% 0.150 6.6)

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

#261E20

Crimson · Black · Deep Berry

HEX
#261E20
RGB
rgb(38, 30, 32)
HSL
hsl(345, 12%, 13%)
HSB
hsb(345, 21%, 15%)
CMYK
cmyk(0%, 21%, 16%, 85%)
Oklch
oklch(24.5% 0.013 1.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9F0CC
E3CCF0

Analogous

EBF0CC
D9F0CC
CCF0D0

Triadic

D9F0CC
CCD9F0
F0CCD9

Split-Comp.

D9F0CC
D0CCF0
F0CCEB

Tetradic

D9F0CC
CCEBF0
E3CCF0
F0D0CC

Contrast Matrix WCAG 2.1 Contrast

D9F0CC
D4D69F
DE7373
B03E5E
261E20
—
1.2
Fail
2.5
Fail
4.7
AA
13.4
AAA
1.2
Fail
—
2.0
Fail
3.8
AA Large
10.8
AAA
2.5
Fail
2.0
Fail
—
1.8
Fail
5.3
AA
4.7
AA
3.8
AA Large
1.8
Fail
—
2.9
Fail
13.4
AAA
10.8
AAA
5.3
AA
2.9
Fail
—
White BG
1.2Fail
1.5Fail
3.1AA Large
5.7AA
16.3AAA
Black BG
17.3AAA
13.9AAA
6.8AA
3.7AA Large
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E3D5
D5D5AC
B0AF73
7F7E56
232220

Deuteranopia

E2E0D7
D5D5B0
B6BE73
858E54
23241F

Tritanopia

DADCDD
D4B7B9
D97373
AA504F
261F1F

Achromatopsia

E5E5E5
CFCFCF
939393
646464
212121

Shades & Tints Shades & Tints

#D9F0CC

Dark
Light

#D4D69F

Dark
Light

#DE7373

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9f0cc;
  --color-2: #d4d69f;
  --color-3: #de7373;
  --color-4: #b03e5e;
  --color-5: #261e20;
}

SCSS

$color-1: #d9f0cc;
$color-2: #d4d69f;
$color-3: #de7373;
$color-4: #b03e5e;
$color-5: #261e20;

TAILWIND

colors: {
  'brand-1': '#d9f0cc',
  'brand-2': '#d4d69f',
  'brand-3': '#de7373',
  'brand-4': '#b03e5e',
  'brand-5': '#261e20',
}

RGB Array

[217, 240, 204], [212, 214, 159], [222, 115, 115], [176, 62, 94], [38, 30, 32]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9F0CC, #D4D69F, #DE7373, #B03E5E, #261E20 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: #d9f0cc; --color-2: #d4d69f; --color-3: #de7373; --color-4: #b03e5e; --color-5: #261e20. 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