#A1736F + #EC9073 + #F2C76B + #EFE9CB + #A7D3BD · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A1736F

Crimson · Gray · Passion Red

HEX

#A1736F

RGB

rgb(161, 115, 111)

HSL

hsl(5, 21%, 53%)

HSB

hsb(5, 31%, 63%)

CMYK

cmyk(0%, 29%, 31%, 37%)

Oklch

oklch(60.1% 0.059 24.6)

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

#EC9073

Peach Pink · DarkSalmon · Coral Red

HEX

#EC9073

RGB

rgb(236, 144, 115)

HSL

hsl(14, 76%, 69%)

HSB

hsb(14, 51%, 93%)

CMYK

cmyk(0%, 39%, 51%, 7%)

Oklch

oklch(74.3% 0.120 38.3)

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

#F2C76B

Ginger · SandyBrown · Sunflower

HEX

#F2C76B

RGB

rgb(242, 199, 107)

HSL

hsl(41, 84%, 68%)

HSB

hsb(41, 56%, 95%)

CMYK

cmyk(0%, 18%, 56%, 5%)

Oklch

oklch(84.9% 0.121 84.7)

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

#EFE9CB

Fresh Green · Bisque · Lemon Cream

HEX

#EFE9CB

RGB

rgb(239, 233, 203)

HSL

hsl(50, 53%, 87%)

HSB

hsb(50, 15%, 94%)

CMYK

cmyk(0%, 3%, 15%, 6%)

Oklch

oklch(93.1% 0.040 97.8)

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

#A7D3BD

Jade · Silver · Apple Green

HEX

#A7D3BD

RGB

rgb(167, 211, 189)

HSL

hsl(150, 33%, 74%)

HSB

hsb(150, 21%, 83%)

CMYK

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

Oklch

oklch(82.9% 0.056 163.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A1736F

6E9CA0

Analogous

A06E83

A1736F

A08B6E

Triadic

A1736F

6EA072

726EA0

Split-Comp.

A1736F

6EA08B

6E83A0

Tetradic

A1736F

83A06E

6E9CA0

8B6EA0

Contrast Matrix WCAG 2.1 Contrast

A1736F	EC9073	F2C76B	EFE9CB	A7D3BD
—	1.7 Fail	2.5 Fail	3.3 AA Large	2.4 Fail
1.7 Fail	—	1.5 Fail	2.0 Fail	1.4 Fail
2.5 Fail	1.5 Fail	—	1.3 Fail	1.0 Fail
3.3 AA Large	2.0 Fail	1.3 Fail	—	1.4 Fail
2.4 Fail	1.4 Fail	1.0 Fail	1.4 Fail	—

White BG

4.0AA Large

2.4Fail

1.6Fail

1.2Fail

1.7Fail

Black BG

5.2AA

8.8AAA

13.2AAA

17.2AAA

12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8D8D70

C4C37A

DFDF81

ECECD2

BABAC2

Deuteranopia

909370

CAD07C

E2E587

EDEDD4

B8B4C4

Tritanopia

9F7171

E78081

F09397

EFD8D9

A9C7C7

Achromatopsia

808080

A8A8A8

C9C9C9

E7E7E7

C3C3C3

Shades & Tints Shades & Tints

#A1736F

Dark

Light

#EC9073

Dark

Light

#F2C76B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a1736f;
  --color-2: #ec9073;
  --color-3: #f2c76b;
  --color-4: #efe9cb;
  --color-5: #a7d3bd;
}

SCSS

$color-1: #a1736f;
$color-2: #ec9073;
$color-3: #f2c76b;
$color-4: #efe9cb;
$color-5: #a7d3bd;

TAILWIND

colors: {
  'brand-1': '#a1736f',
  'brand-2': '#ec9073',
  'brand-3': '#f2c76b',
  'brand-4': '#efe9cb',
  'brand-5': '#a7d3bd',
}

RGB Array

[161, 115, 111], [236, 144, 115], [242, 199, 107], [239, 233, 203], [167, 211, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #A1736F, #EC9073, #F2C76B, #EFE9CB, #A7D3BD 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: #a1736f; --color-2: #ec9073; --color-3: #f2c76b; --color-4: #efe9cb; --color-5: #a7d3bd. 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 sea-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