Teahouse

Teahouse is a deep, near-neutral gray characterized by its quiet complexity.

It carries a subtle green undertone, giving the otherwise cool shade a touch of organic earthiness.

The color Teahouse (#666966) evokes a deep sense of tranquility, marrying the natural calm of green with the grounding stability of gray.

It symbolizes a quiet, enduring sophistication, reminiscent of the mindful rituals and serene atmosphere of its namesake.

In UI design, Teahouse (#666966) works well as a grounding background or a subtle accent. For sufficient contrast, pair it with light creams or off-whites. To create a more striking interface, consider using it alongside deep charcoals or even a pop of a brighter, complementary color for interactive elements.

While not a widely used primary color, its sophisticated character is seen in apps like Rive, Hinge, and OKX. This relative rarity presents an opportunity for brands to build a distinct visual identity that feels both modern and established.

Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Teahouse in real UI components from top brands.

To apply the color Teahouse in your digital projects, you'll typically start with its hexadecimal code, #666966. This code is a direct instruction for browsers and design software to render this specific shade of gray.

From the HEX code, you can derive other values for different applications. For instance, RGB (Red, Green, Blue) values define the color for digital screens, while CMYK (Cyan, Magenta, Yellow, Key/Black) is essential for print accuracy. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments to the color.

To make things easier, we've converted the Teahouse hex code #666966 into a variety of popular formats. You can find and copy the exact values you need for your project below.