TEALS
Surf City
#87D1D2
Surf City pulls into the airy end of the teals spectrum — HSL 181°, 45%, 68%. The balanced saturation keeps it present without overwhelming, and the hue reads cool — closer to shadow and depth. In interior projects it shines on main walls, ceilings, soft fabrics, large surfaces, particularly within bathrooms, kitchens, bedrooms. Reads best alongside white oak, cream textiles, brushed nickel, marble.
Color Codes
Paint Matches
Benjamin Moore
Surf City 731
Color Theory
Complementary
Analogous
Triadic
Split-Complementary
Tetradic
Variations
Lighter
Darker
Saturation
Interior Use
Best Rooms
bathrooms, kitchens, bedrooms
Best Uses
main walls, ceilings, soft fabrics, large surfaces
Pairs With
white oak, cream textiles, brushed nickel, marble
Accessibility (WCAG)
Deuteranopia
Protanopia
Tritanopia
Build a palette around Surf City
Open this color in a ready 5-color palette — lighter, darker, complementary and accent shades pre-built. Edit, customize, and download in 15 designer formats free.
BUILD PALETTE WITH THIS COLOR →Frequently Asked Questions
What color is #87D1D2?
#87D1D2 is Surf City, a light teal with a cool undertone.
Is #87D1D2 warm or cool?
Surf City reads cool, which influences how it interacts with surrounding tones and natural light.
What rooms work best with Surf City?
Surf City works well in bathrooms, kitchens, bedrooms. Designers typically use it for main walls, ceilings, soft fabrics, large surfaces.
What colors pair well with Surf City?
Surf City pairs naturally with white oak, cream textiles, brushed nickel, marble. Its complementary color is also a strong contrast option for accents.
Where can I download Surf City?
You can download Surf City on dsgn.house in 15 designer formats including CSS gradient, Figma, Procreate swatches, Tailwind config, Adobe ASE, SVG, and 4K wallpapers — all free.
What's the RGB value of #87D1D2?
#87D1D2 converts to RGB 135, 209, 210.