Zomp
Meet Zomp (#36A18B), a captivating greenish-cyan that commands attention. Its unique position between cool blue and earthy green gives it a distinct vibrancy, making it a memorable choice for any design palette without being overpowering.
What color is Zomp?
Zomp is a cool-toned, medium-dark shade of cyan-green, with a hue that sits distinctly between green and blue.
It has a balanced saturation and a noticeable green undertone, giving the color #36A18B its characteristic teal appearance.
What meaning does the color Zomp (#36A18B) carry in design?
Zomp (#36A18B) evokes a sense of tranquility and balance, drawing from the natural world's calming greens and the stability of blue.
For designers, this sophisticated teal often symbolizes clarity and renewal, making it a choice for brands that want to communicate trustworthiness and a fresh perspective.
How can I apply Zomp in UI design?
In UI design, Zomp works well as both a primary and an accent color. Its muted quality provides a solid, calming foundation that pairs effectively with light neutrals like off-white and soft grays for clean, readable interfaces. For a more striking effect, use #36A18B to complement vibrant colors such as coral or ochre, creating visual interest and clear focal points. Applying the 60-30-10 rule can help balance these combinations effectively.
While not overwhelmingly common, you can spot colors similar to Zomp in the branding of companies like N26, Trainline, Insight Timer, and Glovo. Its presence across fintech, transport, and wellness apps shows its flexibility and ability to convey both trustworthiness and a modern sensibility.
To see these principles in action, use the tools below to explore curated palettes, test color contrast for accessibility, and preview Zomp in real UI components from top brands.
How do I use the Zomp color codes?
Working with Zomp in your designs starts with its hex code, #36A18B. While HEX is standard for web development, your project might call for a different color model depending on the medium. For instance, RGB values are fundamental for digital displays that mix red, green, and blue light, whereas CMYK is the go-to for print projects that use ink. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments.
To help you get started, we've converted Zomp's #36A18B hex code into a variety of popular formats. Simply copy the code you need from the list below and paste it directly into your tool of choice.
Analogous
An analogous scheme pairs Zomp with its neighbors on the color wheel, producing a cohesive and tranquil visual harmony for your designs.
Complementary
Complementary colors sit opposite each other on the color wheel. Paired with Zomp, they create a visually striking and high-contrast combination.
Split Complementary
A split complementary scheme for Zomp uses the two hues on either side of its direct complement, creating a high-contrast look with more nuance.
Triadic
A triadic palette is built from three colors equidistant on the color wheel. Using Zomp, these combinations offer a bold and balanced sense of contrast.
Tetradic
Tetradic palettes use two pairs of complementary colors, forming a rectangle on the color wheel. This creates a vibrant scheme, shown here with Zomp.
Square
A square color scheme pairs Zomp with three other colors, all equidistant on the color wheel, creating a bold, high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades are darker versions of Zomp, created by adding black for more depth and weight.
Tints
Tints are lighter versions of Zomp, created by mixing in white for a softer appearance.
Tones
Tones are muted versions of Zomp, created by adding gray to soften its saturation.
Hues
Hues are variations of Zomp that differ in intensity and temperature, affecting the color’s mood.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.
