#1CA5AD + #A3C5A4 + #93BA9B + #7BA893 + #E5E1A1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#1CA5AD

Lake Blue · LightSeaGreen · Mint Ice

HEX

#1CA5AD

RGB

rgb(28, 165, 173)

HSL

hsl(183, 72%, 39%)

HSB

hsb(183, 84%, 68%)

CMYK

cmyk(84%, 5%, 0%, 32%)

Oklch

oklch(65.9% 0.107 201.3)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#A3C5A4

Celadon · DarkGray · Apple Green

HEX

#A3C5A4

RGB

rgb(163, 197, 164)

HSL

hsl(122, 23%, 71%)

HSB

hsb(122, 17%, 77%)

CMYK

cmyk(17%, 0%, 17%, 23%)

Oklch

oklch(78.9% 0.059 145.8)

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

#93BA9B

Celadon · DarkSeaGreen · Apple Green

HEX

#93BA9B

RGB

rgb(147, 186, 155)

HSL

hsl(132, 22%, 65%)

HSB

hsb(132, 21%, 73%)

CMYK

cmyk(21%, 0%, 17%, 27%)

Oklch

oklch(75.2% 0.061 150.9)

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

#7BA893

Mineral Blue · DarkSeaGreen · Olive Green

HEX

#7BA893

RGB

rgb(123, 168, 147)

HSL

hsl(152, 21%, 57%)

HSB

hsb(152, 27%, 66%)

CMYK

cmyk(27%, 0%, 13%, 34%)

Oklch

oklch(69.3% 0.058 164.4)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#E5E1A1

Fresh Green · Khaki · Lemon Cream

HEX

#E5E1A1

RGB

rgb(229, 225, 161)

HSL

hsl(56, 57%, 76%)

HSB

hsb(56, 30%, 90%)

CMYK

cmyk(0%, 2%, 30%, 10%)

Oklch

oklch(89.8% 0.082 104.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1CA5AD

AB231C

Analogous

1CAB6B

1CA5AD

1C5CAB

Triadic

1CA5AD

AB1CA4

A4AB1C

Split-Comp.

1CA5AD

AB1C5C

AB6B1C

Tetradic

1CA5AD

6B1CAB

AB231C

5CAB1C

Contrast Matrix WCAG 2.1 Contrast

1CA5AD	A3C5A4	93BA9B	7BA893	E5E1A1
—	1.6 Fail	1.4 Fail	1.1 Fail	2.2 Fail
1.6 Fail	—	1.1 Fail	1.4 Fail	1.4 Fail
1.4 Fail	1.1 Fail	—	1.2 Fail	1.6 Fail
1.1 Fail	1.4 Fail	1.2 Fail	—	2.0 Fail
2.2 Fail	1.4 Fail	1.6 Fail	2.0 Fail	—

White BG

3.0Fail

1.9Fail

2.2Fail

2.7Fail

1.3Fail

Black BG

7.0AAA

11.1AAA

9.7AAA

7.9AAA

15.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5759AB

B2B2AC

A4A4A3

8E8F98

E3E3B0

Deuteranopia

4F45AB

B0ADAE

A29FA4

8C8999

E4E4B4

Tritanopia

23AAA9

A5B2B4

95A8AA

7D9C9D

E5BDBF

Achromatopsia

7D7D7D

B7B7B7

ABABAB

989898

DBDBDB

Shades & Tints Shades & Tints

#1CA5AD

Dark

Light

#A3C5A4

Dark

Light

#93BA9B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1ca5ad;
  --color-2: #a3c5a4;
  --color-3: #93ba9b;
  --color-4: #7ba893;
  --color-5: #e5e1a1;
}

SCSS

$color-1: #1ca5ad;
$color-2: #a3c5a4;
$color-3: #93ba9b;
$color-4: #7ba893;
$color-5: #e5e1a1;

TAILWIND

colors: {
  'brand-1': '#1ca5ad',
  'brand-2': '#a3c5a4',
  'brand-3': '#93ba9b',
  'brand-4': '#7ba893',
  'brand-5': '#e5e1a1',
}

RGB Array

[28, 165, 173], [163, 197, 164], [147, 186, 155], [123, 168, 147], [229, 225, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1CA5AD, #A3C5A4, #93BA9B, #7BA893, #E5E1A1 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: #1ca5ad; --color-2: #a3c5a4; --color-3: #93ba9b; --color-4: #7ba893; --color-5: #e5e1a1. 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 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