#F3EFE6 + #FBF7EE + #E7D8C3 + #C4AC94 + #AD937C · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F3EFE6

Goose Yellow · Linen · Lemon Cream

HEX

#F3EFE6

RGB

rgb(243, 239, 230)

HSL

hsl(42, 35%, 93%)

HSB

hsb(42, 5%, 95%)

CMYK

cmyk(0%, 2%, 5%, 5%)

Oklch

oklch(95.3% 0.013 86.8)

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

#FBF7EE

Goose Yellow · SeaShell · Lemon Cream

HEX

#FBF7EE

RGB

rgb(251, 247, 238)

HSL

hsl(42, 62%, 96%)

HSB

hsb(42, 5%, 98%)

CMYK

cmyk(0%, 2%, 5%, 2%)

Oklch

oklch(97.7% 0.013 86.8)

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

#E7D8C3

Goose Yellow · Wheat · Peach Orange

HEX

#E7D8C3

RGB

rgb(231, 216, 195)

HSL

hsl(35, 43%, 84%)

HSB

hsb(35, 16%, 91%)

CMYK

cmyk(0%, 6%, 16%, 9%)

Oklch

oklch(88.9% 0.033 76.4)

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

#C4AC94

Ginger · Tan · Warm Sun

HEX

#C4AC94

RGB

rgb(196, 172, 148)

HSL

hsl(30, 29%, 67%)

HSB

hsb(30, 24%, 77%)

CMYK

cmyk(0%, 12%, 24%, 23%)

Oklch

oklch(75.9% 0.043 67.1)

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

#AD937C

Tangerine · Gray · Warm Sun

HEX

#AD937C

RGB

rgb(173, 147, 124)

HSL

hsl(28, 23%, 58%)

HSB

hsb(28, 28%, 68%)

CMYK

cmyk(0%, 15%, 28%, 32%)

Oklch

oklch(68.1% 0.045 63.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F3EFE6

E7EBF3

Analogous

F3E9E7

F3EFE6

F1F3E7

Triadic

F3EFE6

E7F3F0

F0E7F3

Split-Comp.

F3EFE6

E7F1F3

E9E7F3

Tetradic

F3EFE6

E7F3E9

E7EBF3

F3E7F1

Contrast Matrix WCAG 2.1 Contrast

F3EFE6	FBF7EE	E7D8C3	C4AC94	AD937C
—	1.1 Fail	1.2 Fail	1.9 Fail	2.5 Fail
1.1 Fail	—	1.3 Fail	2.0 Fail	2.7 Fail
1.2 Fail	1.3 Fail	—	1.6 Fail	2.1 Fail
1.9 Fail	2.0 Fail	1.6 Fail	—	1.3 Fail
2.5 Fail	2.7 Fail	2.1 Fail	1.3 Fail	—

White BG

1.1Fail

1.4Fail

2.2Fail

2.9Fail

Black BG

18.3AAA

19.6AAA

15.0AAA

9.7AAA

7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1E8

F9F9F0

E1E0C8

BAB99A

A2A282

Deuteranopia

F2F2E9

FAFAF1

E1E3C9

BBBD9B

A3A583

Tritanopia

F3EAEA

FBF2F2

E6CCCD

C39E9F

AC8687

Achromatopsia

EFEFEF

F7F7F7

DADADA

B0B0B0

989898

Shades & Tints Shades & Tints

#F3EFE6

Dark

Light

#FBF7EE

Dark

Light

#E7D8C3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f3efe6;
  --color-2: #fbf7ee;
  --color-3: #e7d8c3;
  --color-4: #c4ac94;
  --color-5: #ad937c;
}

SCSS

$color-1: #f3efe6;
$color-2: #fbf7ee;
$color-3: #e7d8c3;
$color-4: #c4ac94;
$color-5: #ad937c;

TAILWIND

colors: {
  'brand-1': '#f3efe6',
  'brand-2': '#fbf7ee',
  'brand-3': '#e7d8c3',
  'brand-4': '#c4ac94',
  'brand-5': '#ad937c',
}

RGB Array

[243, 239, 230], [251, 247, 238], [231, 216, 195], [196, 172, 148], [173, 147, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #F3EFE6, #FBF7EE, #E7D8C3, #C4AC94, #AD937C 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: #f3efe6; --color-2: #fbf7ee; --color-3: #e7d8c3; --color-4: #c4ac94; --color-5: #ad937c. 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