Peridot

Peridot is a brilliant yellow-green, leaning heavily towards a vibrant, almost electric yellow.

With its warm undertones, the color #E6E200 radiates energy and sits at the brighter end of the chartreuse spectrum.

Historically known as the "gem of the sun," Peridot symbolizes light, prosperity, and protection from negativity.

In design, the color evokes optimism and a fresh, natural energy, making it feel both lively and restorative.

In UI and web design, Peridot’s intensity is best used as an accent color. Use #E6E200 to draw attention to calls-to-action, icons, or highlights, where it can create a focal point without overwhelming the screen. It contrasts sharply against dark backgrounds like charcoal or black, creating a vibrant and accessible combination. For a balanced composition, consider the 60-30-10 rule, with Peridot serving as the energetic 10% accent against a more subdued primary and secondary palette.

You’ll find that very few major brands use a color similar to Peridot in their primary branding. Its rarity in the corporate world presents a clear opportunity for differentiation. Choosing a distinct color like #E6E200 can help a product stand out, communicating a sense of freshness and originality that can be hard to achieve with more common brand colors.

You can use the tools below to explore curated palettes, test color contrast for accessibility, and preview Peridot in real UI components of top brands.

The most direct way to specify the Peridot color in a digital project is with its hex code, #E6E200. This six-digit code is a web-standard representation that works consistently across browsers and design software.

While hex codes are common, different projects may call for other color models. For example, RGB (Red, Green, Blue) values define colors for digital screens, while CMYK (Cyan, Magenta, Yellow, Key/Black) is the established model for four-color process printing.

To help you get started, we’ve converted Peridot’s #E6E200 hex code into a range of popular formats. You can find these values below and copy the one that fits your project’s requirements.