← Back to Editor

#432E29 · #FE8C71 · #FCE5B3 · #E2C697 · #B2A88D

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#432E29

Crimson · DarkSlateGray · Wine Red

HEX
#432E29
RGB
rgb(67, 46, 41)
HSL
hsl(12, 24%, 21%)
HSB
hsb(12, 39%, 26%)
CMYK
cmyk(0%, 31%, 39%, 74%)
Oklch
oklch(32.4% 0.032 33.8)

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

#FE8C71

Peach Pink · Salmon · Coral Red

HEX
#FE8C71
RGB
rgb(254, 140, 113)
HSL
hsl(11, 99%, 72%)
HSB
hsb(11, 56%, 100%)
CMYK
cmyk(0%, 45%, 56%, 0%)
Oklch
oklch(75.8% 0.144 34.4)

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

#FCE5B3

Goose Yellow · Wheat · Lemon Cream

HEX
#FCE5B3
RGB
rgb(252, 229, 179)
HSL
hsl(41, 92%, 85%)
HSB
hsb(41, 29%, 99%)
CMYK
cmyk(0%, 9%, 29%, 1%)
Oklch
oklch(92.9% 0.069 86.1)

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

#E2C697

Goose Yellow · BurlyWood · Warm Sun

HEX
#E2C697
RGB
rgb(226, 198, 151)
HSL
hsl(38, 56%, 74%)
HSB
hsb(38, 33%, 89%)
CMYK
cmyk(0%, 12%, 33%, 11%)
Oklch
oklch(83.9% 0.069 80.4)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#B2A88D

Ginger · DarkGray · Sunflower

HEX
#B2A88D
RGB
rgb(178, 168, 141)
HSL
hsl(44, 19%, 63%)
HSB
hsb(44, 21%, 70%)
CMYK
cmyk(0%, 6%, 21%, 30%)
Oklch
oklch(73.3% 0.039 90.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

432E29
293D42

Analogous

422930
432E29
423B29

Triadic

432E29
29422E
2E2942

Split-Comp.

432E29
29423B
293042

Tetradic

432E29
304229
293D42
3B2942

Contrast Matrix WCAG 2.1 Contrast

432E29
FE8C71
FCE5B3
E2C697
B2A88D
—
5.5
AA
10.2
AAA
7.7
AAA
5.3
AA
5.5
AA
—
1.8
Fail
1.4
Fail
1.0
Fail
10.2
AAA
1.8
Fail
—
1.3
Fail
1.9
Fail
7.7
AAA
1.4
Fail
1.3
Fail
—
1.4
Fail
5.3
AA
1.0
Fail
1.9
Fail
1.4
Fail
—
White BG
12.6AAA
2.3Fail
1.2Fail
1.6Fail
2.4Fail
Black BG
1.7Fail
9.2AAA
17.0AAA
12.8AAA
8.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3A3A2A
CDCC78
F2F2BF
D6D6A2
AEAE94

Deuteranopia

3B3D2B
D3DC79
F3F5C2
D8DAA5
AEAF95

Tritanopia

422B2B
F87D7E
FBC9CB
E1ABAD
B2999A

Achromatopsia

343434
ABABAB
E6E6E6
C9C9C9
A8A8A8

Shades & Tints Shades & Tints

#432E29

Dark
Light

#FE8C71

Dark
Light

#FCE5B3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #432e29;
  --color-2: #fe8c71;
  --color-3: #fce5b3;
  --color-4: #e2c697;
  --color-5: #b2a88d;
}

SCSS

$color-1: #432e29;
$color-2: #fe8c71;
$color-3: #fce5b3;
$color-4: #e2c697;
$color-5: #b2a88d;

TAILWIND

colors: {
  'brand-1': '#432e29',
  'brand-2': '#fe8c71',
  'brand-3': '#fce5b3',
  'brand-4': '#e2c697',
  'brand-5': '#b2a88d',
}

RGB Array

[67, 46, 41], [254, 140, 113], [252, 229, 179], [226, 198, 151], [178, 168, 141]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #432E29, #FE8C71, #FCE5B3, #E2C697, #B2A88D is ideal for: 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: #432e29; --color-2: #fe8c71; --color-3: #fce5b3; --color-4: #e2c697; --color-5: #b2a88d. 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. 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 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