← Back to Editor

#70B8AC · #EADDB9 · #1F2132 · #F33C96 · #F3B620

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#70B8AC

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#70B8AC
RGB
rgb(112, 184, 172)
HSL
hsl(170, 34%, 58%)
HSB
hsb(170, 39%, 72%)
CMYK
cmyk(39%, 0%, 7%, 28%)
Oklch
oklch(73.2% 0.075 182.4)

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

#EADDB9

Goose Yellow · Wheat · Lemon Cream

HEX
#EADDB9
RGB
rgb(234, 221, 185)
HSL
hsl(44, 54%, 82%)
HSB
hsb(44, 21%, 92%)
CMYK
cmyk(0%, 6%, 21%, 8%)
Oklch
oklch(89.9% 0.050 90.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#1F2132

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#1F2132
RGB
rgb(31, 33, 50)
HSL
hsl(234, 23%, 16%)
HSB
hsb(234, 38%, 20%)
CMYK
cmyk(38%, 34%, 0%, 80%)
Oklch
oklch(25.4% 0.032 278.7)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#F33C96

Dark Violet · DeepPink · Rose Pink

HEX
#F33C96
RGB
rgb(243, 60, 150)
HSL
hsl(330, 88%, 59%)
HSB
hsb(330, 75%, 95%)
CMYK
cmyk(0%, 75%, 38%, 5%)
Oklch
oklch(65.6% 0.229 355.7)

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

#F3B620

Ginger · GoldenRod · Sunflower

HEX
#F3B620
RGB
rgb(243, 182, 32)
HSL
hsl(43, 90%, 54%)
HSB
hsb(43, 87%, 95%)
CMYK
cmyk(0%, 25%, 87%, 5%)
Oklch
oklch(81.1% 0.160 83.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

70B8AC
B86F7C

Analogous

6FB888
70B8AC
6FA0B8

Triadic

70B8AC
AC6FB8
B8AC6F

Split-Comp.

70B8AC
B86FA0
B8886F

Tetradic

70B8AC
886FB8
B86F7C
A0B86F

Contrast Matrix WCAG 2.1 Contrast

70B8AC
EADDB9
1F2132
F33C96
F3B620
—
1.7
Fail
6.9
AA
1.5
Fail
1.3
Fail
1.7
Fail
—
11.8
AAA
2.6
Fail
1.3
Fail
6.9
AA
11.8
AAA
—
4.5
AA Large
8.7
AAA
1.5
Fail
2.6
Fail
4.5
AA Large
—
2.0
Fail
1.3
Fail
1.3
Fail
8.7
AAA
2.0
Fail
—
White BG
2.3Fail
1.4Fail
15.9AAA
3.6AA Large
1.8Fail
Black BG
9.1AAA
15.5AAA
1.3Fail
5.9AA
11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F90AF
E4E4C2
20202E
A4A280
D9D844

Deuteranopia

8B86B0
E5E6C4
20202D
AEBC7B
DCE14D

Tritanopia

74B1B2
E9C9CA
1F2B2A
EA6F6B
F06167

Achromatopsia

A1A1A1
DDDDDD
222222
7D7D7D
B7B7B7

Shades & Tints Shades & Tints

#70B8AC

Dark
Light

#EADDB9

Dark
Light

#1F2132

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #70b8ac;
  --color-2: #eaddb9;
  --color-3: #1f2132;
  --color-4: #f33c96;
  --color-5: #f3b620;
}

SCSS

$color-1: #70b8ac;
$color-2: #eaddb9;
$color-3: #1f2132;
$color-4: #f33c96;
$color-5: #f3b620;

TAILWIND

colors: {
  'brand-1': '#70b8ac',
  'brand-2': '#eaddb9',
  'brand-3': '#1f2132',
  'brand-4': '#f33c96',
  'brand-5': '#f3b620',
}

RGB Array

[112, 184, 172], [234, 221, 185], [31, 33, 50], [243, 60, 150], [243, 182, 32]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #70B8AC, #EADDB9, #1F2132, #F33C96, #F3B620 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: #70b8ac; --color-2: #eaddb9; --color-3: #1f2132; --color-4: #f33c96; --color-5: #f3b620. 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