Skip to main content

Seashell

Everything you need to know about seashell to inspire your next design.

Get color palette

Pick a color

Hex

RGB

HSB

HSL

Pick palette settings

Custom palettes

Seashell is a pale, neutral color that blends hints of pink, beige, and cream. Positioned on the lighter side of the color wheel, it exudes warmth and comfort with its subtle and soft hues.

seashellseashell

Seashell is defined by the following color codes and values to ensure consistency across various digital platforms and devices.

- HEX code: #FFF1E7

- RGB value: 100% red, 94.5% green and 90.6% blue

Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines.

Here are a few ways to consider using seashell in your designs:

  • Use as a background color. With sufficient contrast, seashell can be an excellent background for dark text, enhancing readability while maintaining an elegant aesthetic.
  • Accentuate with contrast. Pair seashell with darker or more saturated colors like navy blue, forest green, or charcoal to create a visually appealing contrast. This helps highlight key information and guide the user.
  • Create soft transitions. Use seashell in gradients or as a color for overlays to soften transitions between different sections of your UI or to add depth to flat designs without overwhelming the visual senses.
  • Create calm. Leverage seashell’s natural associations with tranquility and peace to reduce stress or promote relaxation—great for health apps, spa and resort reservations, or customer service interfaces.

Keep in mind that color and its meaning can change from culture to culture—and at any given time. If you are designing for a global audience, research color considerations for your specific regions.

For variations within the same soft and subtle spectrum as seashell, consider:

  • Linen (#FAF0E6) is similar because it shares seashell's warm undertones with a touch of creaminess.
  • Ivory (#FFFFE3) is a tad lighter, providing a gentle contrast while maintaining the pale warmth.
  • Powder pink (#FFD1DC) adds a hint of pink, echoing the muted softness of seashell.
  • Snow (#FFFAFA) offers a slightly cooler, yet equally light and airy appearance.

To complement seashell's muted, warm tones, consider pairing it with:

  • Soft gray (#D3D3D3) provides a subtle contrast that highlights seashell's warmth without overwhelming it.
  • Coral (#FF8559) introduces a vibrant yet harmonious splash of color that enhances seashell's softness.
  • Sage green (#9CADB7) complements seashell with its understated elegance and earthy feel.
  • Navy blue (#000080) offers a striking contrast, bringing out the soft warmth of seashell effectively.
  • Bright lavender (#E6E6FA) blends seamlessly with seashell, creating a serene and inviting palette.

Additional colors worth considering include a deep burgundy for a rich contrast, a bright teal for a refreshing pop, and a pale gold to enrich the luxurious feel.

While seashell is versatile, it may clash with:

  • Neon green (#2CFF05) is too vivid and can overpower the delicate nature of seashell.
  • Electric blue (#00F0FF) might be too bold, dominating the subtle nuances of seashell.
  • Bright red (#FF0000) can overshadow seashell's gentle tones, creating a jarring contrast.
  • Dark brown (#654321) might dull the light and airy quality of seashell.
  • Orange (#FFA500), especially in its brighter shades, can compete with seashell's softness rather than complement it.

The color seashell symbolizes purity, innocence, and a connection to the natural world. Seashell often conveys calmness and gentle relaxation, reminiscent of the serenity of a quiet, soft coastline.

In color psychology, seashell is seen as comforting and soothing. It's a non-intrusive color that promotes mental clarity and emotional balance. Its subtle warmth creates an inviting and nurturing space, making it ideal for environments that foster openness and peace.

In UI design, seashell is an excellent choice for creating a clean, minimalistic look that feels warm and welcoming. It's particularly effective for backgrounds, allowing other design elements to stand out without causing visual strain. The color's inherent neutrality and softness make it versatile for combining with bolder colors to balance out their intensity.

The color name "seashell" likely comes from a long-standing admiration for seashells, which have been collected for their beautiful and varied colors for centuries. Various cultures have valued them for their delicate colors and textures. Some civilizations even used them as currency.

Seashells' soft, sometimes shimmery appearance has influenced art, fabrics, and home decor. To replicate this color in art, people traditionally mixed white paint with slight amounts of pink or peach, capturing the subtle tones of real seashells.

Color variations

Shades

Tints

Tones

Hues

Color Harmonies

Complementary

Split

Monochromatic

Analogous

Triadic

Square

Custom Palettes

Oyster Shell

Marina

Saltwater Pearl

Contrast 1.11

Large Text

#FFF1E7

Normal Text

How you design, align, and build matters. Do it together with Figma.

This is #FFF1E7 text on a #FFFFFF background.
Category
Fail
Fail
Fail
Fail
Fail
Fail

Contrast 18.99

Large Text

#FFF1E7

Normal Text

How you design, align, and build matters. Do it together with Figma.

This is #FFF1E7 text on a #000000 background.
Category
Pass
Pass
Pass
Pass
Pass
Pass

Color simulations

Protanopia

Deuteranopia

Tritanopia

Achromatopsia

The hexadecimal color #FFF1E7, known as seashell, has RGB values of R:255, G:241, B:231 and CMYK values of C:0, M:0.05, Y:0.09, K:0.

VALUECSS
HEXFFF1E7#FFF1E7
RGB DECIMAL255, 241, 231rgb(255,241,231)
RGB PERCENTAGE100, 94.5, 90.6rgb(100%,94.5%,90.6%)
CMYK0, 5, 9, 0
HSL25°, 100, 95.3hsl(25,100%,95.3%)
HSV (OR HSB)25°, 9.4, 100
WEB SAFEFFFFFF#FFFFFF
CIE-LAB95.972, 3.05, 6.5
XYZ87.117, 89.941, 88.368
xyY0.328, 0.339, 89.941
CIE-LCH95.972, 7.18, 64.866
CIE-LUV95.972, 8.709, 9.292
HUNTER-LAB94.837, -1.996, 11.14
BINARY11111111, 11110001, 11100111
iOS - SwiftUIColor(red: 255/255, green: 241/255, blue: 231/255)
iOS - UIKitUIColor(red: 255/255.0, green: 241/255.0, blue: 231/255.0, alpha: 1.0)
Android - ComposeColor(0xFFFFF1E7)