MongoDB
Technology • Saloni Soni
Elastic's logo stacks three horizontally elongated, rounded marks in yellow (#FEC514), teal (#00BFB3), and a dark gradient, forming an abstract symbol that suggests layered data flowing through a search engine. The lowercase wordmark in Inter sits beside the mark in Elastic Dark (#343741), giving an open-source search platform a confident but approachable visual identity
Elastic’s logo pairs an abstract three-mark symbol with a lowercase wordmark set in Inter. The symbol consists of three horizontally elongated, rounded shapes stacked vertically with a slight horizontal offset, each rendered in a different colour: a warm yellow (#FEC514) on top, a teal (#00BFB3) at the bottom, and a dark gradient bridging the two in the centre. The shapes taper and curve like stretched lozenges, suggesting elasticity and the movement of data through layered systems. Beside the symbol, “elastic” is set in Elastic Dark (#343741), a desaturated blue-black that reads as neutral on both light and dark backgrounds. The entire mark is colourblind-safe by design, with each shape distinguishable by luminance as well as hue.
Shay Banon built the first version of Elasticsearch in 2009 while developing a recipe search application for his wife, who was studying at Le Cordon Bleu. He co-founded the company in 2012 in Amsterdam with Simon Willnauer, Steven Schuurman, and Uri Boness, initially operating under the Elasticsearch name. The early identity used individual product logos for Elasticsearch, Kibana, Logstash, and Beats, each with its own colour treatment and inconsistent visual language. In 2015, after acquiring Found (a cloud Elasticsearch provider), the founders rebranded to Elastic, acknowledging that the company offered far more than search. The 2018 rebrand, timed to coincide with the company’s IPO on the New York Stock Exchange, consolidated the identity around the three-mark symbol and the unified colour palette of yellow, teal, blue, and pink. A subsequent internal design-system effort standardised product logos and icons into a scalable hierarchy.
The three-mark symbol was designed to be read as layered, overlapping data planes rather than as a literal object. The offset stacking creates a sense of depth without relying on gradients or shadows, keeping the mark flat enough to reproduce at small sizes. Yellow was chosen as the lead colour for its high visibility and its ability to signal attention (Elastic’s UI uses yellow for warning states), while teal provides a cooler counterweight associated with trust and stability. The palette of five brand colours, yellow, teal, blue, pink, and dark, was developed with colourblind accessibility in mind: the Elastic UI framework (EUI) uses a ten-colour system tested through Stark’s contrast tools to ensure every combination meets WCAG standards. Inter was selected for the wordmark and product interfaces because of its large x-height, open apertures, and extensive weight range, all of which aid legibility in dense data-heavy dashboards.
Elastic’s visual system spans the Elastic Stack (Elasticsearch, Kibana, Beats, Logstash), Elastic Cloud, and a growing portfolio of security, observability, and enterprise search solutions. Product logos follow a strict hierarchy: each receives a symbol built from simple geometric forms, line-weight rules, and monochromatic treatments that can sit alongside the master brand mark without competing visually. The EUI framework, Elastic’s open-source React component library, codifies the brand colours into 14-step scales for the three core hues (blue, teal, pink) plus semantic green, yellow, and red, all paired with a 28-step greyscale. Marketing materials use the five brand colours liberally but reserve yellow for primary calls to action and teal for supporting graphic elements. The brand guidelines at elastic.co/brand provide downloadable assets in SVG, PNG, and EPS alongside detailed usage rules for logo placement, clear space, and approved colour pairings.
Elastic’s technology underpins search and analytics at eBay, Wikipedia, Uber, Netflix, and Tinder, among thousands of other organisations. The three-mark symbol has become a recognisable shorthand in the observability and security analytics space, appearing on partner ecosystem pages, conference stages, and the terminal output of millions of developer machines running the ELK Stack. The company’s decision to maintain an open-source core while building commercial features on top created a distinctive market position that the brand identity reflects: approachable enough for individual developers yet polished enough for Fortune 500 procurement teams. The colourblind-safe palette and the open-source EUI framework have also influenced how other developer-tool companies think about accessibility as a brand value rather than a compliance checkbox.
Maintain adequate clear space around the Elastic logo to ensure visual integrity and maximum legibility. The minimum exclusion zone equals the height of the logo's cap height (represented as "x") on all sides. This protective space prevents the logo from appearing cluttered when placed near other graphic elements, text, or page edges.
Ratio: 2.9 : 1
ViewBox: 500 × 171
Preserve the integrity of the Elastic logo by avoiding unauthorized modifications. Consistent application across all touchpoints strengthens brand recognition and maintains professional standards. The examples below illustrate common misuses that compromise the logo's visual impact and brand identity.
Don't rotate
Don't skew
Don't stretch
Don't recolor
Don't add shadows
Don't crop
Don't outline
Don't place on busy backgrounds
The Elastic logo uses 5 colors: Elastic Yellow (#FEC514), Elastic Teal (#00BFB3), Elastic Dark (#343741), Elastic Blue (#1BA9F5), and Elastic Pink (#F04E98). These values are used consistently across all official Elastic brand materials.
Yes. Click the Download SVG button at the top of this page to get a production-ready vector file. SVG format scales to any size without quality loss, making it ideal for websites, presentations, and print materials.
The Elastic logo was designed by In-house Elastic in 2018. The design has become one of the better-known marks in the Technology space.
Maintain clear space equal to the logo's cap height on all sides. Do not rotate, skew, stretch, recolor, crop, or add effects to the logo. Always use the official SVG file and ensure sufficient contrast with the background.
A reverse logo is a white or light version designed for use on dark backgrounds. It maintains the same proportions as the primary Elastic logo while ensuring legibility on brand-colored surfaces, dark packaging, or apparel.
The Elastic logo uses Inter. For accurate representation, always use the official vector logo rather than attempting to recreate the typography.
Commercial use of the Elastic logo typically requires written permission from Elastic. The logo is trademarked intellectual property, so while editorial use and accurate product references are generally permitted, promotional or commercial use needs authorization. Do not alter the logo or use it to imply endorsement.