← Back to Editor

#261A21 · #BEC777 · #EDF2D2 · #F0F5EF · #BFFED4

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#261A21

Rose Purple · Black · Raspberry

HEX
#261A21
RGB
rgb(38, 26, 33)
HSL
hsl(325, 19%, 13%)
HSB
hsb(325, 32%, 15%)
CMYK
cmyk(0%, 32%, 13%, 85%)
Oklch
oklch(23.6% 0.023 343.1)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#BEC777

Fresh Green · Tan · Sunflower

HEX
#BEC777
RGB
rgb(190, 199, 119)
HSL
hsl(67, 42%, 62%)
HSB
hsb(67, 40%, 78%)
CMYK
cmyk(5%, 0%, 40%, 22%)
Oklch
oklch(80.5% 0.104 114.0)

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

#EDF2D2

Fresh Green · Beige · Lemon Cream

HEX
#EDF2D2
RGB
rgb(237, 242, 210)
HSL
hsl(69, 55%, 89%)
HSB
hsb(69, 13%, 95%)
CMYK
cmyk(2%, 0%, 13%, 5%)
Oklch
oklch(94.9% 0.042 114.4)

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

#F0F5EF

Celadon · Linen · Mint Green

HEX
#F0F5EF
RGB
rgb(240, 245, 239)
HSL
hsl(110, 23%, 95%)
HSB
hsb(110, 2%, 96%)
CMYK
cmyk(2%, 0%, 2%, 4%)
Oklch
oklch(96.5% 0.010 140.5)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#BFFED4

Emerald · LightBlue · Mint Green

HEX
#BFFED4
RGB
rgb(191, 254, 212)
HSL
hsl(140, 97%, 87%)
HSB
hsb(140, 25%, 100%)
CMYK
cmyk(25%, 0%, 17%, 0%)
Oklch
oklch(94.4% 0.085 155.3)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

261A21
1B2720

Analogous

261B27
261A21
271B1C

Triadic

261A21
22271B
1B2227

Split-Comp.

261A21
1C271B
1B2726

Tetradic

261A21
27261B
1B2720
1B1C27

Contrast Matrix WCAG 2.1 Contrast

261A21
BEC777
EDF2D2
F0F5EF
BFFED4
—
9.3
AAA
14.6
AAA
15.2
AAA
14.6
AAA
9.3
AAA
—
1.6
Fail
1.6
Fail
1.6
Fail
14.6
AAA
1.6
Fail
—
1.0
Fail
1.0
Fail
15.2
AAA
1.6
Fail
1.0
Fail
—
1.0
Fail
14.6
AAA
1.6
Fail
1.0
Fail
1.0
Fail
—
White BG
16.8AAA
1.8Fail
1.2Fail
1.1Fail
1.1Fail
Black BG
1.3Fail
11.6AAA
18.2AAA
19.0AAA
18.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

21211F
C2C28A
EFEFDA
F2F2F0
DADBDE

Deuteranopia

22221F
C1C18F
EFEEDC
F2F2F1
D7D2E1

Tritanopia

251E1E
BE9A9D
EDE0E1
F0F2F2
C2E6E8

Achromatopsia

1E1E1E
BBBBBB
EDEDED
F3F3F3
E6E6E6

Shades & Tints Shades & Tints

#261A21

Dark
Light

#BEC777

Dark
Light

#EDF2D2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #261a21;
  --color-2: #bec777;
  --color-3: #edf2d2;
  --color-4: #f0f5ef;
  --color-5: #bffed4;
}

SCSS

$color-1: #261a21;
$color-2: #bec777;
$color-3: #edf2d2;
$color-4: #f0f5ef;
$color-5: #bffed4;

TAILWIND

colors: {
  'brand-1': '#261a21',
  'brand-2': '#bec777',
  'brand-3': '#edf2d2',
  'brand-4': '#f0f5ef',
  'brand-5': '#bffed4',
}

RGB Array

[38, 26, 33], [190, 199, 119], [237, 242, 210], [240, 245, 239], [191, 254, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #261A21, #BEC777, #EDF2D2, #F0F5EF, #BFFED4 is ideal for: health products, baby brands, fresh-style blogs, 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: #261a21; --color-2: #bec777; --color-3: #edf2d2; --color-4: #f0f5ef; --color-5: #bffed4. 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 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