← Back to Editor

#DAC570 · #7FA884 · #715868 · #492E3B · #211A1B

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#DAC570

Ginger · BurlyWood · Sunflower

HEX
#DAC570
RGB
rgb(218, 197, 112)
HSL
hsl(48, 59%, 65%)
HSB
hsb(48, 49%, 85%)
CMYK
cmyk(0%, 10%, 49%, 15%)
Oklch
oklch(82.3% 0.108 95.9)

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

#7FA884

Celadon · DarkSeaGreen · Olive Green

HEX
#7FA884
RGB
rgb(127, 168, 132)
HSL
hsl(127, 19%, 58%)
HSB
hsb(127, 24%, 66%)
CMYK
cmyk(24%, 0%, 21%, 34%)
Oklch
oklch(69.2% 0.069 148.0)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#715868

Rose Purple · DimGray · Camellia

HEX
#715868
RGB
rgb(113, 88, 104)
HSL
hsl(322, 12%, 39%)
HSB
hsb(322, 22%, 44%)
CMYK
cmyk(0%, 22%, 8%, 56%)
Oklch
oklch(49.1% 0.040 340.1)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#492E3B

Dark Violet · DarkSlateGray · Raspberry

HEX
#492E3B
RGB
rgb(73, 46, 59)
HSL
hsl(331, 23%, 23%)
HSB
hsb(331, 37%, 29%)
CMYK
cmyk(0%, 37%, 19%, 71%)
Oklch
oklch(33.9% 0.044 349.4)

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

#211A1B

Crimson · Black · Deep Berry

HEX
#211A1B
RGB
rgb(33, 26, 27)
HSL
hsl(351, 12%, 12%)
HSB
hsb(351, 21%, 13%)
CMYK
cmyk(0%, 21%, 18%, 87%)
Oklch
oklch(22.7% 0.011 8.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAC570
7186DA

Analogous

DA9171
DAC570
BBDA71

Triadic

DAC570
71DAC5
C571DA

Split-Comp.

DAC570
71BBDA
9171DA

Tetradic

DAC570
71DA91
7186DA
DA71BB

Contrast Matrix WCAG 2.1 Contrast

DAC570
7FA884
715868
492E3B
211A1B
—
1.6
Fail
3.7
AA Large
7.0
AAA
9.9
AAA
1.6
Fail
—
2.4
Fail
4.5
AA
6.4
AA
3.7
AA Large
2.4
Fail
—
1.9
Fail
2.7
Fail
7.0
AAA
4.5
AA
1.9
Fail
—
1.4
Fail
9.9
AAA
6.4
AA
2.7
Fail
1.4
Fail
—
White BG
1.7Fail
2.7Fail
6.4AA
12.1AAA
17.1AAA
Black BG
12.2AAA
7.8AAA
3.3AA Large
1.7Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D1D185
91918D
666664
3D3D38
1E1E1B

Deuteranopia

D2D48A
8E8B8F
686A63
3F4137
1E1F1B

Tritanopia

D99598
819495
706160
483535
211B1B

Achromatopsia

C2C2C2
989898
616161
383838
1C1C1C

Shades & Tints Shades & Tints

#DAC570

Dark
Light

#7FA884

Dark
Light

#715868

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dac570;
  --color-2: #7fa884;
  --color-3: #715868;
  --color-4: #492e3b;
  --color-5: #211a1b;
}

SCSS

$color-1: #dac570;
$color-2: #7fa884;
$color-3: #715868;
$color-4: #492e3b;
$color-5: #211a1b;

TAILWIND

colors: {
  'brand-1': '#dac570',
  'brand-2': '#7fa884',
  'brand-3': '#715868',
  'brand-4': '#492e3b',
  'brand-5': '#211a1b',
}

RGB Array

[218, 197, 112], [127, 168, 132], [113, 88, 104], [73, 46, 59], [33, 26, 27]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #DAC570, #7FA884, #715868, #492E3B, #211A1B is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #dac570; --color-2: #7fa884; --color-3: #715868; --color-4: #492e3b; --color-5: #211a1b. 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 pastel-style 5-color scheme is especially suited for finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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