UI Shades

A study in green

Seafoam

#93E9BE

Family
Green
L
0.868
C
0.104
H
161°

Notes

Seafoam is the curated pale mint-green of ocean foam. The hex sits between Mint Cream and Pale Green, with low-moderate chroma and a slight blue cast. Wellness, beauty, and travel brands use it as a primary surface. Pair with deep teal for type, with warm brown for a softer secondary, or with terracotta for unexpected complementary warmth. As a UI element it works as a panel or section background; against white it provides reasonable separation but is too pale for body text, failing AA at every size.

#93e9be
Seafoam
Seafoam
#93e9be
oklch(0.868 0.104 161.45)
rgb(147 233 190)
hsl(150 66.2% 74.5%)
Share
#edfff5
#defdec
#bcf5d6
#93e9be
#62cc9b
#27a372
#00895a
#007247
#005431
#00391f
#001f0e

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Seafoam

Cross-reference
Q&A

Frequently asked questions

What is Seafoam?

Seafoam is the curated pale mint-green of ocean foam. The hex sits between Mint Cream and Pale Green, with low-moderate chroma and a slight blue cast. Its hex code is #93E9BE.

What are the tints and shades of Seafoam?

uishades builds an 11-step OKLCH ramp for Seafoam (#93E9BE) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Seafoam?

Its complementary color is #FFB9E7. Triadic partners are #C9CDFF and #FFBEA1; analogous neighbours are #79E9E4 and #BBE29A.

What are the OKLCH and RGB values of Seafoam?

Seafoam is #93E9BE - OKLCH 0.868 0.104 161°, rgb(147 233 190), in the green family.