Citrine

Citrine is a bright, warm yellow that sits somewhere between gold and lemon. It has a radiant quality, carrying the warmth of a sun-drenched afternoon but with a sharp, modern edge.

The color, represented as #E4D00A, possesses a distinct green undertone. This subtle hint of lime gives it an energetic, almost electric feel, setting it apart from more earthy ochres or simple primary yellows.

The color Citrine (#E4D00A) radiates warmth and positivity, often sparking feelings of joy, optimism, and creative energy in viewers.

Historically tied to the gemstone of the same name, Citrine symbolizes success, abundance, and prosperity, making it a potent choice for designs intended to feel aspirational and confident.

Given its vibrancy, Citrine (#E4D00A) works best as an accent color. It creates a striking contrast against dark backgrounds like deep blues or charcoal grays, making it perfect for calls-to-action, icons, and highlights. For a balanced design, apply the 60-30-10 rule, with Citrine serving as the 10% that draws the eye. It pairs beautifully with earthy tones, muted greens, and even bold purples for a more adventurous palette.

While not a ubiquitous choice, Citrine’s relatives are used by memorable brands to project energy and optimism. Companies like IKEA, Rarible, and Buy Me a Coffee incorporate similar yellows into their identity, showing how the color can build a friendly and creative brand personality.

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

Using the color Citrine in your work typically starts with its hex code, #E4D00A. However, different projects and mediums require different color code formats, so you'll often need to convert this hex value to fit your specific tool or output.

Think of color codes as different languages for describing the same hue. For digital work on screens, you'll use additive color models like RGB (Red, Green, Blue) or HSL (Hue, Saturation, Lightness). For physical printing, you'll need a subtractive model like CMYK (Cyan, Magenta, Yellow, Key/Black) to ensure the color appears correctly on paper.

To simplify your workflow, we've converted #E4D00A into a range of popular formats. You can find and copy the exact codes you need for your project below.