← Back to Editor

#C0E2D4 · #FAD764 · #F4F5E9 · #F07373 · #6CA174

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#C0E2D4

Jade · LightGray · Mint Green

HEX
#C0E2D4
RGB
rgb(192, 226, 212)
HSL
hsl(155, 37%, 82%)
HSB
hsb(155, 15%, 89%)
CMYK
cmyk(15%, 0%, 6%, 11%)
Oklch
oklch(88.4% 0.041 168.6)

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

#FAD764

Ginger · Khaki · Sunflower

HEX
#FAD764
RGB
rgb(250, 215, 100)
HSL
hsl(46, 94%, 69%)
HSB
hsb(46, 60%, 98%)
CMYK
cmyk(0%, 14%, 60%, 2%)
Oklch
oklch(88.7% 0.139 92.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#F4F5E9

Fresh Green · Linen · Lemon Cream

HEX
#F4F5E9
RGB
rgb(244, 245, 233)
HSL
hsl(65, 38%, 94%)
HSB
hsb(65, 5%, 96%)
CMYK
cmyk(0%, 0%, 5%, 4%)
Oklch
oklch(96.6% 0.016 110.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#F07373

Peach Pink · Salmon · Coral Red

HEX
#F07373
RGB
rgb(240, 115, 115)
HSL
hsl(0, 81%, 70%)
HSB
hsb(0, 52%, 94%)
CMYK
cmyk(0%, 52%, 52%, 6%)
Oklch
oklch(70.3% 0.155 21.8)

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

#6CA174

Celadon · Gray · Olive Green

HEX
#6CA174
RGB
rgb(108, 161, 116)
HSL
hsl(129, 22%, 53%)
HSB
hsb(129, 33%, 63%)
CMYK
cmyk(33%, 0%, 28%, 37%)
Oklch
oklch(65.9% 0.087 148.4)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0E2D4
E2C0CE

Analogous

C0E2C3
C0E2D4
C0DFE2

Triadic

C0E2D4
D4C0E2
E2D4C0

Split-Comp.

C0E2D4
E2C0DF
E2C3C0

Tetradic

C0E2D4
C3C0E2
E2C0CE
DFE2C0

Contrast Matrix WCAG 2.1 Contrast

C0E2D4
FAD764
F4F5E9
F07373
6CA174
—
1.0
Fail
1.3
Fail
2.0
Fail
2.2
Fail
1.0
Fail
—
1.3
Fail
2.0
Fail
2.1
Fail
1.3
Fail
1.3
Fail
—
2.6
Fail
2.7
Fail
2.0
Fail
2.0
Fail
2.6
Fail
—
1.1
Fail
2.2
Fail
2.1
Fail
2.7
Fail
1.1
Fail
—
White BG
1.4Fail
1.4Fail
1.1Fail
2.8Fail
3.0AA Large
Black BG
15.1AAA
15.0AAA
19.1AAA
7.4AAA
7.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCFD7
EBEB80
F4F4EC
BAB973
83837F

Deuteranopia

CDCAD8
EDF087
F4F4ED
C1CB73
807C82

Tritanopia

C2DADB
F8969B
F4EEEF
EA7373
6F8789

Achromatopsia

D6D6D6
D4D4D4
F3F3F3
989898
8C8C8C

Shades & Tints Shades & Tints

#C0E2D4

Dark
Light

#FAD764

Dark
Light

#F4F5E9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0e2d4;
  --color-2: #fad764;
  --color-3: #f4f5e9;
  --color-4: #f07373;
  --color-5: #6ca174;
}

SCSS

$color-1: #c0e2d4;
$color-2: #fad764;
$color-3: #f4f5e9;
$color-4: #f07373;
$color-5: #6ca174;

TAILWIND

colors: {
  'brand-1': '#c0e2d4',
  'brand-2': '#fad764',
  'brand-3': '#f4f5e9',
  'brand-4': '#f07373',
  'brand-5': '#6ca174',
}

RGB Array

[192, 226, 212], [250, 215, 100], [244, 245, 233], [240, 115, 115], [108, 161, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C0E2D4, #FAD764, #F4F5E9, #F07373, #6CA174 is ideal for: health products, baby brands, fresh-style blogs, 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: #c0e2d4; --color-2: #fad764; --color-3: #f4f5e9; --color-4: #f07373; --color-5: #6ca174. 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. 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