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.

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.
| 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.
| 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.
| VALUE | CSS | |
|---|---|---|
| HEX | FFF1E7 | #FFF1E7 |
| RGB DECIMAL | 255, 241, 231 | rgb(255,241,231) |
| RGB PERCENTAGE | 100, 94.5, 90.6 | rgb(100%,94.5%,90.6%) |
| CMYK | 0, 5, 9, 0 | |
| HSL | 25°, 100, 95.3 | hsl(25,100%,95.3%) |
| HSV (OR HSB) | 25°, 9.4, 100 | |
| WEB SAFE | FFFFFF | #FFFFFF |
| CIE-LAB | 95.972, 3.05, 6.5 | |
| XYZ | 87.117, 89.941, 88.368 | |
| xyY | 0.328, 0.339, 89.941 | |
| CIE-LCH | 95.972, 7.18, 64.866 | |
| CIE-LUV | 95.972, 8.709, 9.292 | |
| HUNTER-LAB | 94.837, -1.996, 11.14 | |
| BINARY | 11111111, 11110001, 11100111 | |
| iOS - SwiftUI | Color(red: 255/255, green: 241/255, blue: 231/255) | |
| iOS - UIKit | UIColor(red: 255/255.0, green: 241/255.0, blue: 231/255.0, alpha: 1.0) | |
| Android - Compose | Color(0xFFFFF1E7) |


