← Back to Editor

#D0D167 · #FFFCFF · #E6DDDC · #FF0C66 · #969BA2

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#D0D167

Fresh Green · BurlyWood · Sunflower

HEX
#D0D167
RGB
rgb(208, 209, 103)
HSL
hsl(61, 54%, 61%)
HSB
hsb(61, 51%, 82%)
CMYK
cmyk(0%, 0%, 51%, 18%)
Oklch
oklch(83.8% 0.129 109.4)

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

#FFFCFF

Mauve · White · Lavender

HEX
#FFFCFF
RGB
rgb(255, 252, 255)
HSL
hsl(300, 100%, 99%)
HSB
hsb(300, 1%, 100%)
CMYK
cmyk(0%, 1%, 0%, 0%)
Oklch
oklch(99.4% 0.005 325.6)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#E6DDDC

Peach Pink · LightGray · Cherry Blossom

HEX
#E6DDDC
RGB
rgb(230, 221, 220)
HSL
hsl(6, 17%, 88%)
HSB
hsb(6, 4%, 90%)
CMYK
cmyk(0%, 4%, 4%, 10%)
Oklch
oklch(90.4% 0.010 25.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FF0C66

Dark Violet · DeepPink · Rose Pink

HEX
#FF0C66
RGB
rgb(255, 12, 102)
HSL
hsl(338, 100%, 52%)
HSB
hsb(338, 95%, 100%)
CMYK
cmyk(0%, 95%, 60%, 0%)
Oklch
oklch(64.1% 0.253 10.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#969BA2

Ash · DarkGray · Silver Sand

HEX
#969BA2
RGB
rgb(150, 155, 162)
HSL
hsl(215, 6%, 61%)
HSB
hsb(215, 7%, 64%)
CMYK
cmyk(7%, 4%, 0%, 36%)
Oklch
oklch(68.8% 0.012 256.7)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0D167
6866D1

Analogous

D19D66
D0D167
9AD166

Triadic

D0D167
66CFD1
D166CF

Split-Comp.

D0D167
669AD1
9D66D1

Tetradic

D0D167
66D19D
6866D1
D1669A

Contrast Matrix WCAG 2.1 Contrast

D0D167
FFFCFF
E6DDDC
FF0C66
969BA2
—
1.6
Fail
1.2
Fail
2.4
Fail
1.7
Fail
1.6
Fail
—
1.3
Fail
3.8
AA Large
2.7
Fail
1.2
Fail
1.3
Fail
—
2.9
Fail
2.1
Fail
2.4
Fail
3.8
AA Large
2.9
Fail
—
1.4
Fail
1.7
Fail
2.7
Fail
2.1
Fail
1.4
Fail
—
White BG
1.6Fail
1.0Fail
1.3Fail
3.8AA Large
2.8Fail
Black BG
13.0AAA
20.6AAA
15.7AAA
5.5AA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D081
FEFEFE
E2E2DC
969450
9898A0

Deuteranopia

D0D087
FEFEFE
E3E3DC
A4B64B
9898A0

Tritanopia

D09599
FFFEFE
E6DCDC
F33F3B
969F9F

Achromatopsia

C5C5C5
FDFDFD
E0E0E0
5F5F5F
9A9A9A

Shades & Tints Shades & Tints

#D0D167

Dark
Light

#FFFCFF

Dark
Light

#E6DDDC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0d167;
  --color-2: #fffcff;
  --color-3: #e6dddc;
  --color-4: #ff0c66;
  --color-5: #969ba2;
}

SCSS

$color-1: #d0d167;
$color-2: #fffcff;
$color-3: #e6dddc;
$color-4: #ff0c66;
$color-5: #969ba2;

TAILWIND

colors: {
  'brand-1': '#d0d167',
  'brand-2': '#fffcff',
  'brand-3': '#e6dddc',
  'brand-4': '#ff0c66',
  'brand-5': '#969ba2',
}

RGB Array

[208, 209, 103], [255, 252, 255], [230, 221, 220], [255, 12, 102], [150, 155, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0D167, #FFFCFF, #E6DDDC, #FF0C66, #969BA2 is ideal for: health products, baby brands, fresh-style blogs, 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: #d0d167; --color-2: #fffcff; --color-3: #e6dddc; --color-4: #ff0c66; --color-5: #969ba2. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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