#85345D + #D15356 + #635B46 + #97CFA0 + #CED997 · minimal - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarm

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#85345D

Dark Violet · Brown · Camellia

HEX

#85345D

RGB

rgb(133, 52, 93)

HSL

hsl(330, 44%, 36%)

HSB

hsb(330, 61%, 52%)

CMYK

cmyk(0%, 61%, 30%, 48%)

Oklch

oklch(45.1% 0.121 351.5)

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

#D15356

Crimson · Tomato · Passion Red

HEX

#D15356

RGB

rgb(209, 83, 86)

HSL

hsl(359, 58%, 57%)

HSB

hsb(359, 60%, 82%)

CMYK

cmyk(0%, 60%, 59%, 18%)

Oklch

oklch(60.8% 0.160 21.7)

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

#635B46

Ochre · DarkOliveGreen · Honey Gold

HEX

#635B46

RGB

rgb(99, 91, 70)

HSL

hsl(43, 17%, 33%)

HSB

hsb(43, 29%, 39%)

CMYK

cmyk(0%, 8%, 29%, 61%)

Oklch

oklch(47.3% 0.034 89.6)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#97CFA0

Celadon · DarkSeaGreen · Apple Green

HEX

#97CFA0

RGB

rgb(151, 207, 160)

HSL

hsl(130, 37%, 70%)

HSB

hsb(130, 27%, 81%)

CMYK

cmyk(27%, 0%, 23%, 19%)

Oklch

oklch(80.3% 0.088 149.0)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#CED997

Willow Green · Khaki · Apple Green

HEX

#CED997

RGB

rgb(206, 217, 151)

HSL

hsl(70, 46%, 72%)

HSB

hsb(70, 30%, 85%)

CMYK

cmyk(5%, 0%, 30%, 15%)

Oklch

oklch(86.1% 0.087 116.0)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

85345D

33845C

Analogous

843384

85345D

843333

Triadic

85345D

5C8433

335C84

Split-Comp.

85345D

338433

338484

Tetradic

85345D

848433

33845C

333384

Contrast Matrix WCAG 2.1 Contrast

85345D	D15356	635B46	97CFA0	CED997
—	1.9 Fail	1.2 Fail	4.4 AA Large	5.3 AA
1.9 Fail	—	1.6 Fail	2.3 Fail	2.8 Fail
1.2 Fail	1.6 Fail	—	3.8 AA Large	4.5 AA Large
4.4 AA Large	2.3 Fail	3.8 AA Large	—	1.2 Fail
5.3 AA	2.8 Fail	4.5 AA Large	1.2 Fail	—

White BG

7.9AAA

4.1AA Large

6.7AA

1.8Fail

1.5Fail

Black BG

2.6Fail

5.1AA

3.1AA Large

11.7AAA

14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

626153

9A9955

605F4B

AFB0AB

D3D3A7

Deuteranopia

676D51

A2AB55

60614C

ACA8AE

D2D1AB

Tritanopia

814B4A

CB5555

634F50

9AB4B6

CFB4B6

Achromatopsia

515151

797979

5B5B5B

B9B9B9

CECECE

Shades & Tints Shades & Tints

#85345D

Dark

Light

#D15356

Dark

Light

#635B46

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #85345d;
  --color-2: #d15356;
  --color-3: #635b46;
  --color-4: #97cfa0;
  --color-5: #ced997;
}

SCSS

$color-1: #85345d;
$color-2: #d15356;
$color-3: #635b46;
$color-4: #97cfa0;
$color-5: #ced997;

TAILWIND

colors: {
  'brand-1': '#85345d',
  'brand-2': '#d15356',
  'brand-3': '#635b46',
  'brand-4': '#97cfa0',
  'brand-5': '#ced997',
}

RGB Array

[133, 52, 93], [209, 83, 86], [99, 91, 70], [151, 207, 160], [206, 217, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #85345D, #D15356, #635B46, #97CFA0, #CED997 is ideal for: corporate websites, product showcases, portfolios. 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: #85345d; --color-2: #d15356; --color-3: #635b46; --color-4: #97cfa0; --color-5: #ced997. 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. 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 minimal-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