#C57069 + #7EA890 + #89C099 + #C4E2A2 + #F2E59F · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C57069

Crimson · LightCoral · Passion Red

HEX

#C57069

RGB

rgb(197, 112, 105)

HSL

hsl(5, 44%, 59%)

HSB

hsb(5, 47%, 77%)

CMYK

cmyk(0%, 43%, 47%, 23%)

Oklch

oklch(63.8% 0.109 25.5)

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

#7EA890

Celadon · DarkSeaGreen · Olive Green

HEX

#7EA890

RGB

rgb(126, 168, 144)

HSL

hsl(146, 19%, 58%)

HSB

hsb(146, 25%, 66%)

CMYK

cmyk(25%, 0%, 14%, 34%)

Oklch

oklch(69.4% 0.058 159.4)

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

#89C099

Celadon · DarkSeaGreen · Apple Green

HEX

#89C099

RGB

rgb(137, 192, 153)

HSL

hsl(137, 30%, 65%)

HSB

hsb(137, 29%, 75%)

CMYK

cmyk(29%, 0%, 20%, 25%)

Oklch

oklch(75.9% 0.080 153.3)

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

#C4E2A2

Willow Green · Silver · Apple Green

HEX

#C4E2A2

RGB

rgb(196, 226, 162)

HSL

hsl(88, 52%, 76%)

HSB

hsb(88, 28%, 89%)

CMYK

cmyk(13%, 0%, 28%, 11%)

Oklch

oklch(87.5% 0.091 128.5)

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

#F2E59F

Fresh Green · Khaki · Lemon Cream

HEX

#F2E59F

RGB

rgb(242, 229, 159)

HSL

hsl(51, 76%, 79%)

HSB

hsb(51, 34%, 95%)

CMYK

cmyk(0%, 5%, 34%, 5%)

Oklch

oklch(91.6% 0.090 98.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C57069

68BDC4

Analogous

C4688F

C57069

C49E68

Triadic

C57069

68C470

7068C4

Split-Comp.

C57069

68C49E

688FC4

Tetradic

C57069

8FC468

68BDC4

9E68C4

Contrast Matrix WCAG 2.1 Contrast

C57069	7EA890	89C099	C4E2A2	F2E59F
—	1.3 Fail	1.7 Fail	2.5 Fail	2.8 Fail
1.3 Fail	—	1.3 Fail	1.9 Fail	2.1 Fail
1.7 Fail	1.3 Fail	—	1.5 Fail	1.6 Fail
2.5 Fail	1.9 Fail	1.5 Fail	—	1.1 Fail
2.8 Fail	2.1 Fail	1.6 Fail	1.1 Fail	—

White BG

3.6AA Large

2.7Fail

2.1Fail

1.4Fail

1.3Fail

Black BG

5.9AA

7.9AAA

10.1AAA

14.7AAA

16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A09F6B

909196

A1A1A2

D1D1B1

ECECB0

Deuteranopia

A5AB6B

8E8B97

9E9AA5

CFCDB5

EDEEB4

Tritanopia

C16C6C

809A9B

8CAAAC

C6BEC0

F1BDC0

Achromatopsia

898989

999999

ABABAB

D2D2D2

E1E1E1

Shades & Tints Shades & Tints

#C57069

Dark

Light

#7EA890

Dark

Light

#89C099

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c57069;
  --color-2: #7ea890;
  --color-3: #89c099;
  --color-4: #c4e2a2;
  --color-5: #f2e59f;
}

SCSS

$color-1: #c57069;
$color-2: #7ea890;
$color-3: #89c099;
$color-4: #c4e2a2;
$color-5: #f2e59f;

TAILWIND

colors: {
  'brand-1': '#c57069',
  'brand-2': '#7ea890',
  'brand-3': '#89c099',
  'brand-4': '#c4e2a2',
  'brand-5': '#f2e59f',
}

RGB Array

[197, 112, 105], [126, 168, 144], [137, 192, 153], [196, 226, 162], [242, 229, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #C57069, #7EA890, #89C099, #C4E2A2, #F2E59F is ideal for: health products, baby brands, fresh-style blogs. 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: #c57069; --color-2: #7ea890; --color-3: #89c099; --color-4: #c4e2a2; --color-5: #f2e59f. 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. 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 space-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