← Back to Editor

#B4A88E · #F99563 · #FFC79F · #FFF8CE · #67291C

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#B4A88E

Ginger · DarkGray · Sunflower

HEX
#B4A88E
RGB
rgb(180, 168, 142)
HSL
hsl(41, 20%, 63%)
HSB
hsb(41, 21%, 71%)
CMYK
cmyk(0%, 7%, 21%, 29%)
Oklch
oklch(73.5% 0.039 86.2)

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

#F99563

Apricot · SandyBrown · Warm Sun

HEX
#F99563
RGB
rgb(249, 149, 99)
HSL
hsl(20, 93%, 68%)
HSB
hsb(20, 60%, 98%)
CMYK
cmyk(0%, 40%, 60%, 2%)
Oklch
oklch(76.4% 0.137 46.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FFC79F

Apricot · Wheat · Peach Orange

HEX
#FFC79F
RGB
rgb(255, 199, 159)
HSL
hsl(25, 100%, 81%)
HSB
hsb(25, 38%, 100%)
CMYK
cmyk(0%, 22%, 38%, 0%)
Oklch
oklch(87.0% 0.083 56.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FFF8CE

Fresh Green · Beige · Lemon Cream

HEX
#FFF8CE
RGB
rgb(255, 248, 206)
HSL
hsl(51, 100%, 90%)
HSB
hsb(51, 19%, 100%)
CMYK
cmyk(0%, 3%, 19%, 0%)
Oklch
oklch(97.4% 0.055 99.5)

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

#67291C

Crimson · Maroon · Wine Red

HEX
#67291C
RGB
rgb(103, 41, 28)
HSL
hsl(10, 57%, 26%)
HSB
hsb(10, 73%, 40%)
CMYK
cmyk(0%, 60%, 73%, 60%)
Oklch
oklch(36.7% 0.093 33.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B4A88E
8E9AB4

Analogous

B4958E
B4A88E
ADB48E

Triadic

B4A88E
8EB4A8
A88EB4

Split-Comp.

B4A88E
8EADB4
958EB4

Tetradic

B4A88E
8EB495
8E9AB4
B48EAD

Contrast Matrix WCAG 2.1 Contrast

B4A88E
F99563
FFC79F
FFF8CE
67291C
—
1.1
Fail
1.6
Fail
2.2
Fail
4.7
AA
1.1
Fail
—
1.5
Fail
2.1
Fail
5.0
AA
1.6
Fail
1.5
Fail
—
1.4
Fail
7.3
AAA
2.2
Fail
2.1
Fail
1.4
Fail
—
10.2
AAA
4.7
AA
5.0
AA
7.3
AAA
10.2
AAA
—
White BG
2.4Fail
2.2Fail
1.5Fail
1.1Fail
11.0AAA
Black BG
8.9AAA
9.5AAA
13.9AAA
19.6AAA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAF94
CECD6F
E7E6A9
FCFCD8
4C4C1F

Deuteranopia

B0B096
D4DB72
EAEEAB
FCFDDB
505420

Tritanopia

B3999A
F4797B
FCB0B2
FFE0E2
642222

Achromatopsia

A9A9A9
ADADAD
D3D3D3
F5F5F5
3A3A3A

Shades & Tints Shades & Tints

#B4A88E

Dark
Light

#F99563

Dark
Light

#FFC79F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b4a88e;
  --color-2: #f99563;
  --color-3: #ffc79f;
  --color-4: #fff8ce;
  --color-5: #67291c;
}

SCSS

$color-1: #b4a88e;
$color-2: #f99563;
$color-3: #ffc79f;
$color-4: #fff8ce;
$color-5: #67291c;

TAILWIND

colors: {
  'brand-1': '#b4a88e',
  'brand-2': '#f99563',
  'brand-3': '#ffc79f',
  'brand-4': '#fff8ce',
  'brand-5': '#67291c',
}

RGB Array

[180, 168, 142], [249, 149, 99], [255, 199, 159], [255, 248, 206], [103, 41, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #B4A88E, #F99563, #FFC79F, #FFF8CE, #67291C is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #b4a88e; --color-2: #f99563; --color-3: #ffc79f; --color-4: #fff8ce; --color-5: #67291c. 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. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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