#70A1A8 + #C1A0B5 + #DAA4A8 + #F2A89A + #DDC1BE - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#70A1A8

Slate Blue · CadetBlue · Lake Green

HEX

#70A1A8

RGB

rgb(112, 161, 168)

HSL

hsl(188, 24%, 55%)

HSB

hsb(188, 33%, 66%)

CMYK

cmyk(33%, 4%, 0%, 34%)

Oklch

oklch(67.7% 0.053 207.1)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#C1A0B5

Mauve · DarkGray · Rose Pink

HEX

#C1A0B5

RGB

rgb(193, 160, 181)

HSL

hsl(322, 21%, 69%)

HSB

hsb(322, 17%, 76%)

CMYK

cmyk(0%, 17%, 6%, 24%)

Oklch

oklch(74.2% 0.048 339.9)

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

#DAA4A8

Peach Pink · Tan · Coral Red

HEX

#DAA4A8

RGB

rgb(218, 164, 168)

HSL

hsl(356, 42%, 75%)

HSB

hsb(356, 25%, 85%)

CMYK

cmyk(0%, 25%, 23%, 15%)

Oklch

oklch(77.0% 0.064 13.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F2A89A

Peach Pink · BurlyWood · Coral Red

HEX

#F2A89A

RGB

rgb(242, 168, 154)

HSL

hsl(10, 77%, 78%)

HSB

hsb(10, 36%, 95%)

CMYK

cmyk(0%, 31%, 36%, 5%)

Oklch

oklch(79.9% 0.090 31.0)

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

#DDC1BE

Peach Pink · Silver · Cherry Blossom

HEX

#DDC1BE

RGB

rgb(221, 193, 190)

HSL

hsl(6, 31%, 81%)

HSB

hsb(6, 14%, 87%)

CMYK

cmyk(0%, 13%, 14%, 13%)

Oklch

oklch(83.4% 0.032 25.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

70A1A8

A87871

Analogous

71A894

70A1A8

7185A8

Triadic

70A1A8

A871A0

A0A871

Split-Comp.

70A1A8

A87185

A89471

Tetradic

70A1A8

9471A8

A87871

85A871

Contrast Matrix WCAG 2.1 Contrast

70A1A8	C1A0B5	DAA4A8	F2A89A	DDC1BE
—	1.2 Fail	1.3 Fail	1.5 Fail	1.7 Fail
1.2 Fail	—	1.1 Fail	1.2 Fail	1.4 Fail
1.3 Fail	1.1 Fail	—	1.1 Fail	1.3 Fail
1.5 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.7 Fail	1.4 Fail	1.3 Fail	1.1 Fail	—

White BG

2.9Fail

2.3Fail

2.1Fail

1.9Fail

1.7Fail

Black BG

7.4AAA

9.0AAA

9.9AAA

10.8AAA

12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8586A6

B3B2B0

C3C2A7

D2D19D

D1D1BF

Deuteranopia

827FA6

B5B7AF

C6CAA7

D6DC9E

D3D5BF

Tritanopia

72A5A5

BFACAB

D7A6A6

EEA0A1

DCBFBF

Achromatopsia

939393

ACACAC

B5B5B5

BDBDBD

C9C9C9

Shades & Tints Shades & Tints

#70A1A8

Dark

Light

#C1A0B5

Dark

Light

#DAA4A8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #70a1a8;
  --color-2: #c1a0b5;
  --color-3: #daa4a8;
  --color-4: #f2a89a;
  --color-5: #ddc1be;
}

SCSS

$color-1: #70a1a8;
$color-2: #c1a0b5;
$color-3: #daa4a8;
$color-4: #f2a89a;
$color-5: #ddc1be;

TAILWIND

colors: {
  'brand-1': '#70a1a8',
  'brand-2': '#c1a0b5',
  'brand-3': '#daa4a8',
  'brand-4': '#f2a89a',
  'brand-5': '#ddc1be',
}

RGB Array

[112, 161, 168], [193, 160, 181], [218, 164, 168], [242, 168, 154], [221, 193, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #70A1A8, #C1A0B5, #DAA4A8, #F2A89A, #DDC1BE is ideal for: health products, baby brands, fresh-style blogs. 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: #70a1a8; --color-2: #c1a0b5; --color-3: #daa4a8; --color-4: #f2a89a; --color-5: #ddc1be. 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. 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