← Back to Editor

#F29C6D · #F5C38E · #FFD79E · #B1C0A1 · #66BAA3

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#F29C6D

Apricot · SandyBrown · Warm Sun

HEX
#F29C6D
RGB
rgb(242, 156, 109)
HSL
hsl(21, 84%, 69%)
HSB
hsb(21, 55%, 95%)
CMYK
cmyk(0%, 36%, 55%, 5%)
Oklch
oklch(76.9% 0.120 48.9)

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

#F5C38E

Goose Yellow · BurlyWood · Peach Orange

HEX
#F5C38E
RGB
rgb(245, 195, 142)
HSL
hsl(31, 84%, 76%)
HSB
hsb(31, 42%, 96%)
CMYK
cmyk(0%, 20%, 42%, 4%)
Oklch
oklch(84.9% 0.089 67.8)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FFD79E

Goose Yellow · Wheat · Peach Orange

HEX
#FFD79E
RGB
rgb(255, 215, 158)
HSL
hsl(35, 100%, 81%)
HSB
hsb(35, 38%, 100%)
CMYK
cmyk(0%, 16%, 38%, 0%)
Oklch
oklch(90.0% 0.085 76.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#B1C0A1

Willow Green · DarkGray · Apple Green

HEX
#B1C0A1
RGB
rgb(177, 192, 161)
HSL
hsl(89, 20%, 69%)
HSB
hsb(89, 16%, 75%)
CMYK
cmyk(8%, 0%, 16%, 25%)
Oklch
oklch(78.8% 0.046 128.5)

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

#66BAA3

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#66BAA3
RGB
rgb(102, 186, 163)
HSL
hsl(164, 38%, 56%)
HSB
hsb(164, 45%, 73%)
CMYK
cmyk(45%, 0%, 12%, 27%)
Oklch
oklch(72.9% 0.089 173.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F29C6D
6EC4F2

Analogous

F26E81
F29C6D
F2DE6E

Triadic

F29C6D
6EF29C
9C6EF2

Split-Comp.

F29C6D
6EF2DE
6E81F2

Tetradic

F29C6D
81F26E
6EC4F2
DE6EF2

Contrast Matrix WCAG 2.1 Contrast

F29C6D
F5C38E
FFD79E
B1C0A1
66BAA3
—
1.3
Fail
1.6
Fail
1.1
Fail
1.1
Fail
1.3
Fail
—
1.2
Fail
1.2
Fail
1.4
Fail
1.6
Fail
1.2
Fail
—
1.4
Fail
1.7
Fail
1.1
Fail
1.2
Fail
1.4
Fail
—
1.2
Fail
1.1
Fail
1.4
Fail
1.7
Fail
1.2
Fail
—
White BG
2.2Fail
1.6Fail
1.4Fail
1.9Fail
2.3Fail
Black BG
9.8AAA
13.1AAA
15.5AAA
10.9AAA
9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCC78
DFDF9B
EEEDAC
B7B8A9
8A8BA9

Deuteranopia

D2D87B
E2E69E
F0F3AF
B7B6AA
867FAA

Tritanopia

EE8183
F3A5A7
FDB7B9
B2AEB0
6AADAE

Achromatopsia

B0B0B0
CCCCCC
DCDCDC
B8B8B8
9E9E9E

Shades & Tints Shades & Tints

#F29C6D

Dark
Light

#F5C38E

Dark
Light

#FFD79E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f29c6d;
  --color-2: #f5c38e;
  --color-3: #ffd79e;
  --color-4: #b1c0a1;
  --color-5: #66baa3;
}

SCSS

$color-1: #f29c6d;
$color-2: #f5c38e;
$color-3: #ffd79e;
$color-4: #b1c0a1;
$color-5: #66baa3;

TAILWIND

colors: {
  'brand-1': '#f29c6d',
  'brand-2': '#f5c38e',
  'brand-3': '#ffd79e',
  'brand-4': '#b1c0a1',
  'brand-5': '#66baa3',
}

RGB Array

[242, 156, 109], [245, 195, 142], [255, 215, 158], [177, 192, 161], [102, 186, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #F29C6D, #F5C38E, #FFD79E, #B1C0A1, #66BAA3 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. 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: #f29c6d; --color-2: #f5c38e; --color-3: #ffd79e; --color-4: #b1c0a1; --color-5: #66baa3. 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 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