
Figma color wheel
Want to find the perfect complementary or analogous colors to match seashell?
Skip to main content
Everything you need to know about seashell to inspire your next design.
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.

Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Oyster Shell
Marina
Saltwater Pearl
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:
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:
To complement seashell's muted, warm tones, consider pairing it with:
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:
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.
Contrast 1.11
#FFF1E7
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 18.99
#FFF1E7
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
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) |

Want to find the perfect complementary or analogous colors to match seashell?

Learn about the color champagne.

Learn more about ivory.