#C8ECB4 + #C8D6A4 + #A27870 + #DF6A77 + #796873 · 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

#C8ECB4

Emerald · LightGray · Mint Green

HEX

#C8ECB4

RGB

rgb(200, 236, 180)

HSL

hsl(99, 60%, 82%)

HSB

hsb(99, 24%, 93%)

CMYK

cmyk(15%, 0%, 24%, 7%)

Oklch

oklch(90.3% 0.084 134.5)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#C8D6A4

Willow Green · Silver · Apple Green

HEX

#C8D6A4

RGB

rgb(200, 214, 164)

HSL

hsl(77, 38%, 74%)

HSB

hsb(77, 23%, 84%)

CMYK

cmyk(7%, 0%, 23%, 16%)

Oklch

oklch(85.3% 0.068 120.6)

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

#A27870

Crimson · Gray · Passion Red

HEX

#A27870

RGB

rgb(162, 120, 112)

HSL

hsl(10, 21%, 54%)

HSB

hsb(10, 31%, 64%)

CMYK

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

Oklch

oklch(61.2% 0.054 30.9)

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

#DF6A77

Peach Pink · LightCoral · Coral Red

HEX

#DF6A77

RGB

rgb(223, 106, 119)

HSL

hsl(353, 65%, 65%)

HSB

hsb(353, 52%, 87%)

CMYK

cmyk(0%, 52%, 47%, 13%)

Oklch

oklch(66.7% 0.146 15.0)

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

#796873

Rose Purple · DimGray · Warm Gray

HEX

#796873

RGB

rgb(121, 104, 115)

HSL

hsl(321, 8%, 44%)

HSB

hsb(321, 14%, 47%)

CMYK

cmyk(0%, 14%, 5%, 53%)

Oklch

oklch(53.7% 0.027 339.1)

Traditional「Rose Purple」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C8ECB4

D9B6ED

Analogous

E4EDB6

C8ECB4

B6EDBE

Triadic

C8ECB4

B6C9ED

EDB6C9

Split-Comp.

C8ECB4

BEB6ED

EDB6E4

Tetradic

C8ECB4

B6E4ED

D9B6ED

EDBEB6

Contrast Matrix WCAG 2.1 Contrast

C8ECB4	C8D6A4	A27870	DF6A77	796873
—	1.2 Fail	3.0 Fail	2.5 Fail	4.0 AA Large
1.2 Fail	—	2.5 Fail	2.1 Fail	3.4 AA Large
3.0 Fail	2.5 Fail	—	1.2 Fail	1.4 Fail
2.5 Fail	2.1 Fail	1.2 Fail	—	1.6 Fail
4.0 AA Large	3.4 AA Large	1.4 Fail	1.6 Fail	—

White BG

1.3Fail

1.5Fail

3.8AA Large

3.2AA Large

5.2AA

Black BG

16.1AAA

13.6AAA

5.5AA

6.5AA

4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8C2

CECEB0

908F72

ACAB74

727170

Deuteranopia

D6D3C5

CDCCB3

929572

B3BC73

737470

Tritanopia

CACCCF

C9BABC

A07374

D97171

786E6E

Achromatopsia

DBDBDB

CCCCCC

848484

8E8E8E

6E6E6E

Shades & Tints Shades & Tints

#C8ECB4

Dark

Light

#C8D6A4

Dark

Light

#A27870

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c8ecb4;
  --color-2: #c8d6a4;
  --color-3: #a27870;
  --color-4: #df6a77;
  --color-5: #796873;
}

SCSS

$color-1: #c8ecb4;
$color-2: #c8d6a4;
$color-3: #a27870;
$color-4: #df6a77;
$color-5: #796873;

TAILWIND

colors: {
  'brand-1': '#c8ecb4',
  'brand-2': '#c8d6a4',
  'brand-3': '#a27870',
  'brand-4': '#df6a77',
  'brand-5': '#796873',
}

RGB Array

[200, 236, 180], [200, 214, 164], [162, 120, 112], [223, 106, 119], [121, 104, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #C8ECB4, #C8D6A4, #A27870, #DF6A77, #796873 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: #c8ecb4; --color-2: #c8d6a4; --color-3: #a27870; --color-4: #df6a77; --color-5: #796873. 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