← Back to Editor

#D0F6E1 · #FF5A2F · #A64A44 · #CAC045 · #88988E

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

#D0F6E1

Emerald · Lavender · Mint Green

HEX
#D0F6E1
RGB
rgb(208, 246, 225)
HSL
hsl(147, 68%, 89%)
HSB
hsb(147, 15%, 96%)
CMYK
cmyk(15%, 0%, 9%, 4%)
Oklch
oklch(94.0% 0.048 161.2)

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

#FF5A2F

Vermilion · Tomato · Passion Red

HEX
#FF5A2F
RGB
rgb(255, 90, 47)
HSL
hsl(12, 100%, 59%)
HSB
hsb(12, 82%, 100%)
CMYK
cmyk(0%, 65%, 82%, 0%)
Oklch
oklch(68.3% 0.208 35.2)

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

#A64A44

Crimson · Sienna · Passion Red

HEX
#A64A44
RGB
rgb(166, 74, 68)
HSL
hsl(4, 42%, 46%)
HSB
hsb(4, 59%, 65%)
CMYK
cmyk(0%, 55%, 59%, 35%)
Oklch
oklch(52.6% 0.123 25.9)

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

#CAC045

Autumn Sage · GoldenRod · Sunflower

HEX
#CAC045
RGB
rgb(202, 192, 69)
HSL
hsl(55, 56%, 53%)
HSB
hsb(55, 66%, 79%)
CMYK
cmyk(0%, 5%, 66%, 21%)
Oklch
oklch(79.4% 0.142 104.7)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#88988E

Ash · LightSlateGray · Silver Sand

HEX
#88988E
RGB
rgb(136, 152, 142)
HSL
hsl(143, 7%, 56%)
HSB
hsb(143, 11%, 60%)
CMYK
cmyk(11%, 0%, 7%, 40%)
Oklch
oklch(66.4% 0.023 158.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0F6E1
F6D0E5

Analogous

D2F6D0
D0F6E1
D0F6F4

Triadic

D0F6E1
E1D0F6
F6E1D0

Split-Comp.

D0F6E1
F4D0F6
F6D0D2

Tetradic

D0F6E1
D0D2F6
F6D0E5
F6F4D0

Contrast Matrix WCAG 2.1 Contrast

D0F6E1
FF5A2F
A64A44
CAC045
88988E
—
2.7
Fail
4.9
AA
1.6
Fail
2.6
Fail
2.7
Fail
—
1.8
Fail
1.6
Fail
1.0
Fail
4.9
AA
1.8
Fail
—
3.0
AA Large
1.9
Fail
1.6
Fail
1.6
Fail
3.0
AA Large
—
1.6
Fail
2.6
Fail
1.0
Fail
1.9
Fail
1.6
Fail
—
White BG
1.2Fail
3.1AA Large
5.7AA
1.9Fail
3.0AA Large
Black BG
18.0AAA
6.8AA
3.7AA Large
11.1AAA
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E1E6
B8B639
7E7D45
C6C663
8F8F90

Deuteranopia

DEDBE7
C1CE3C
848A46
C6C76A
8E8D91

Tritanopia

D2EAEB
F74243
A14747
C97A7F
899293

Achromatopsia

E8E8E8
868686
656565
B5B5B5
929292

Shades & Tints Shades & Tints

#D0F6E1

Dark
Light

#FF5A2F

Dark
Light

#A64A44

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0f6e1;
  --color-2: #ff5a2f;
  --color-3: #a64a44;
  --color-4: #cac045;
  --color-5: #88988e;
}

SCSS

$color-1: #d0f6e1;
$color-2: #ff5a2f;
$color-3: #a64a44;
$color-4: #cac045;
$color-5: #88988e;

TAILWIND

colors: {
  'brand-1': '#d0f6e1',
  'brand-2': '#ff5a2f',
  'brand-3': '#a64a44',
  'brand-4': '#cac045',
  'brand-5': '#88988e',
}

RGB Array

[208, 246, 225], [255, 90, 47], [166, 74, 68], [202, 192, 69], [136, 152, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0F6E1, #FF5A2F, #A64A44, #CAC045, #88988E 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: #d0f6e1; --color-2: #ff5a2f; --color-3: #a64a44; --color-4: #cac045; --color-5: #88988e. 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