#B2C643 + #A3CA95 + #E3D3A0 + #ED9043 + #C32935 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#B2C643

Autumn Sage · GreenYellow · Sunflower

HEX

#B2C643

RGB

rgb(178, 198, 67)

HSL

hsl(69, 53%, 52%)

HSB

hsb(69, 66%, 78%)

CMYK

cmyk(10%, 0%, 66%, 22%)

Oklch

oklch(78.7% 0.155 117.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#A3CA95

Celadon · DarkSeaGreen · Apple Green

HEX

#A3CA95

RGB

rgb(163, 202, 149)

HSL

hsl(104, 33%, 69%)

HSB

hsb(104, 26%, 79%)

CMYK

cmyk(19%, 0%, 26%, 21%)

Oklch

oklch(79.7% 0.084 137.6)

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

#E3D3A0

Goose Yellow · Wheat · Lemon Cream

HEX

#E3D3A0

RGB

rgb(227, 211, 160)

HSL

hsl(46, 54%, 76%)

HSB

hsb(46, 30%, 89%)

CMYK

cmyk(0%, 7%, 30%, 11%)

Oklch

oklch(86.8% 0.069 92.7)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#ED9043

Tangerine · Coral · Warm Sun

HEX

#ED9043

RGB

rgb(237, 144, 67)

HSL

hsl(27, 83%, 60%)

HSB

hsb(27, 72%, 93%)

CMYK

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

Oklch

oklch(73.7% 0.144 57.2)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#C32935

Vermilion · FireBrick · Passion Red

HEX

#C32935

RGB

rgb(195, 41, 53)

HSL

hsl(355, 65%, 46%)

HSB

hsb(355, 79%, 76%)

CMYK

cmyk(0%, 79%, 73%, 24%)

Oklch

oklch(53.5% 0.189 22.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B2C643

5744C5

Analogous

C59844

B2C643

71C544

Triadic

B2C643

44B2C5

C544B2

Split-Comp.

B2C643

4471C5

9844C5

Tetradic

B2C643

44C598

5744C5

C54471

Contrast Matrix WCAG 2.1 Contrast

B2C643	A3CA95	E3D3A0	ED9043	C32935
—	1.0 Fail	1.3 Fail	1.3 Fail	3.0 Fail
1.0 Fail	—	1.2 Fail	1.3 Fail	3.1 AA Large
1.3 Fail	1.2 Fail	—	1.6 Fail	3.8 AA Large
1.3 Fail	1.3 Fail	1.6 Fail	—	2.4 Fail
3.0 Fail	3.1 AA Large	3.8 AA Large	2.4 Fail	—

White BG

1.9Fail

1.8Fail

1.5Fail

2.4Fail

5.7AA

Black BG

11.1AAA

11.4AAA

14.1AAA

8.7AAA

3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBB63

B4B4A2

DCDCAC

C5C456

807F32

Deuteranopia

BAB86A

B2AFA5

DDDEAF

CAD15A

899531

Tritanopia

B37C81

A5ACAE

E2B6B8

E86468

BB302F

Achromatopsia

B1B1B1

B8B8B8

D2D2D2

A3A3A3

585858

Shades & Tints Shades & Tints

#B2C643

Dark

Light

#A3CA95

Dark

Light

#E3D3A0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b2c643;
  --color-2: #a3ca95;
  --color-3: #e3d3a0;
  --color-4: #ed9043;
  --color-5: #c32935;
}

SCSS

$color-1: #b2c643;
$color-2: #a3ca95;
$color-3: #e3d3a0;
$color-4: #ed9043;
$color-5: #c32935;

TAILWIND

colors: {
  'brand-1': '#b2c643',
  'brand-2': '#a3ca95',
  'brand-3': '#e3d3a0',
  'brand-4': '#ed9043',
  'brand-5': '#c32935',
}

RGB Array

[178, 198, 67], [163, 202, 149], [227, 211, 160], [237, 144, 67], [195, 41, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #B2C643, #A3CA95, #E3D3A0, #ED9043, #C32935 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: #b2c643; --color-2: #a3ca95; --color-3: #e3d3a0; --color-4: #ed9043; --color-5: #c32935. 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 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