#F6E5D7 + #BAA5A3 + #F8D9CC + #F8E9A1 + #CBE1DF · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F6E5D7

Apricot · Beige · Peach Orange

HEX

#F6E5D7

RGB

rgb(246, 229, 215)

HSL

hsl(27, 63%, 90%)

HSB

hsb(27, 13%, 96%)

CMYK

cmyk(0%, 7%, 13%, 4%)

Oklch

oklch(93.2% 0.026 62.0)

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

#BAA5A3

Peach Pink · DarkGray · Coral Red

HEX

#BAA5A3

RGB

rgb(186, 165, 163)

HSL

hsl(5, 14%, 68%)

HSB

hsb(5, 12%, 73%)

CMYK

cmyk(0%, 11%, 12%, 27%)

Oklch

oklch(74.0% 0.025 24.2)

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

#F8D9CC

Apricot · Bisque · Peach Orange

HEX

#F8D9CC

RGB

rgb(248, 217, 204)

HSL

hsl(18, 76%, 89%)

HSB

hsb(18, 18%, 97%)

CMYK

cmyk(0%, 13%, 18%, 3%)

Oklch

oklch(90.8% 0.039 44.1)

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

#F8E9A1

Fresh Green · Wheat · Lemon Cream

HEX

#F8E9A1

RGB

rgb(248, 233, 161)

HSL

hsl(50, 86%, 80%)

HSB

hsb(50, 35%, 97%)

CMYK

cmyk(0%, 6%, 35%, 3%)

Oklch

oklch(93.0% 0.092 97.8)

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

#CBE1DF

Jade · LightGray · Glacier Blue

HEX

#CBE1DF

RGB

rgb(203, 225, 223)

HSL

hsl(175, 27%, 84%)

HSB

hsb(175, 10%, 88%)

CMYK

cmyk(10%, 0%, 1%, 12%)

Oklch

oklch(89.3% 0.024 190.1)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6E5D7

D5E7F6

Analogous

F6D5D7

F6E5D7

F6F4D5

Triadic

F6E5D7

D5F6E4

E4D5F6

Split-Comp.

F6E5D7

D5F6F4

D5D7F6

Tetradic

F6E5D7

D7F6D5

D5E7F6

F4D5F6

Contrast Matrix WCAG 2.1 Contrast

F6E5D7	BAA5A3	F8D9CC	F8E9A1	CBE1DF
—	1.9 Fail	1.1 Fail	1.0 Fail	1.1 Fail
1.9 Fail	—	1.8 Fail	1.9 Fail	1.7 Fail
1.1 Fail	1.8 Fail	—	1.1 Fail	1.0 Fail
1.0 Fail	1.9 Fail	1.1 Fail	—	1.1 Fail
1.1 Fail	1.7 Fail	1.0 Fail	1.1 Fail	—

White BG

1.2Fail

2.3Fail

1.3Fail

1.2Fail

1.4Fail

Black BG

17.1AAA

9.0AAA

15.8AAA

17.2AAA

15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEEDA

B1B1A3

EBEACF

F2F1B2

D5D5DF

Deuteranopia

F0F1DB

B2B4A4

ECEFD0

F2F4B7

D3D2E0

Tritanopia

F5DDDE

B9A4A4

F6D2D2

F7C0C3

CCE0E0

Achromatopsia

E8E8E8

ABABAB

E1E1E1

E5E5E5

DADADA

Shades & Tints Shades & Tints

#F6E5D7

Dark

Light

#BAA5A3

Dark

Light

#F8D9CC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6e5d7;
  --color-2: #baa5a3;
  --color-3: #f8d9cc;
  --color-4: #f8e9a1;
  --color-5: #cbe1df;
}

SCSS

$color-1: #f6e5d7;
$color-2: #baa5a3;
$color-3: #f8d9cc;
$color-4: #f8e9a1;
$color-5: #cbe1df;

TAILWIND

colors: {
  'brand-1': '#f6e5d7',
  'brand-2': '#baa5a3',
  'brand-3': '#f8d9cc',
  'brand-4': '#f8e9a1',
  'brand-5': '#cbe1df',
}

RGB Array

[246, 229, 215], [186, 165, 163], [248, 217, 204], [248, 233, 161], [203, 225, 223]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #F6E5D7, #BAA5A3, #F8D9CC, #F8E9A1, #CBE1DF 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: #f6e5d7; --color-2: #baa5a3; --color-3: #f8d9cc; --color-4: #f8e9a1; --color-5: #cbe1df. 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