← Back to Editor

#85B29D · #F2DCA2 · #713362 · #461646 · #31093B

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

#85B29D

Jade · DarkSeaGreen · Apple Green

HEX
#85B29D
RGB
rgb(133, 178, 157)
HSL
hsl(152, 23%, 61%)
HSB
hsb(152, 25%, 70%)
CMYK
cmyk(25%, 0%, 12%, 30%)
Oklch
oklch(72.5% 0.057 164.5)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#F2DCA2

Goose Yellow · Wheat · Lemon Cream

HEX
#F2DCA2
RGB
rgb(242, 220, 162)
HSL
hsl(44, 75%, 79%)
HSB
hsb(44, 33%, 95%)
CMYK
cmyk(0%, 9%, 33%, 5%)
Oklch
oklch(89.9% 0.078 89.7)

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

#713362

Rose Purple · DimGray · Eggplant

HEX
#713362
RGB
rgb(113, 51, 98)
HSL
hsl(315, 38%, 32%)
HSB
hsb(315, 55%, 44%)
CMYK
cmyk(0%, 55%, 13%, 56%)
Oklch
oklch(42.1% 0.107 337.5)

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

#461646

Rose Purple · MidnightBlue · Dark Purple

HEX
#461646
RGB
rgb(70, 22, 70)
HSL
hsl(300, 52%, 18%)
HSB
hsb(300, 69%, 27%)
CMYK
cmyk(0%, 69%, 0%, 73%)
Oklch
oklch(29.8% 0.099 327.7)

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

#31093B

Royal Purple · MidnightBlue · Dark Purple

HEX
#31093B
RGB
rgb(49, 9, 59)
HSL
hsl(288, 74%, 13%)
HSB
hsb(288, 85%, 23%)
CMYK
cmyk(17%, 85%, 0%, 77%)
Oklch
oklch(23.9% 0.096 318.7)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

85B29D
B2859A

Analogous

85B286
85B29D
85B1B2

Triadic

85B29D
9D85B2
B29D85

Split-Comp.

85B29D
B285B1
B28685

Tetradic

85B29D
8685B2
B2859A
B1B285

Contrast Matrix WCAG 2.1 Contrast

85B29D
F2DCA2
713362
461646
31093B
—
1.8
Fail
3.8
AA Large
6.0
AA
7.2
AAA
1.8
Fail
—
6.6
AA
10.6
AAA
12.6
AAA
3.8
AA Large
6.6
AA
—
1.6
Fail
1.9
Fail
6.0
AA
10.6
AAA
1.6
Fail
—
1.2
Fail
7.2
AAA
12.6
AAA
1.9
Fail
1.2
Fail
—
White BG
2.4Fail
1.4Fail
8.9AAA
14.3AAA
17.0AAA
Black BG
8.9AAA
15.5AAA
2.4Fail
1.5Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9899A2
E8E8B0
565657
31313A
201F2F

Deuteranopia

9693A3
EAEBB3
5A5E54
343838
22252C

Tritanopia

87A6A7
F1BBBE
6E4E4C
44312F
2F2523

Achromatopsia

A2A2A2
DCDCDC
4B4B4B
2A2A2A
1B1B1B

Shades & Tints Shades & Tints

#85B29D

Dark
Light

#F2DCA2

Dark
Light

#713362

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #85b29d;
  --color-2: #f2dca2;
  --color-3: #713362;
  --color-4: #461646;
  --color-5: #31093b;
}

SCSS

$color-1: #85b29d;
$color-2: #f2dca2;
$color-3: #713362;
$color-4: #461646;
$color-5: #31093b;

TAILWIND

colors: {
  'brand-1': '#85b29d',
  'brand-2': '#f2dca2',
  'brand-3': '#713362',
  'brand-4': '#461646',
  'brand-5': '#31093b',
}

RGB Array

[133, 178, 157], [242, 220, 162], [113, 51, 98], [70, 22, 70], [49, 9, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #85B29D, #F2DCA2, #713362, #461646, #31093B 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: #85b29d; --color-2: #f2dca2; --color-3: #713362; --color-4: #461646; --color-5: #31093b. 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