Master the Viridis Color Palette: Hex Codes for Accessible Design

The Viridis color palette stands out for its perceptually uniform, accessible gradients—ideal for charts, UI elements, and inclusive visual storytelling. Built with color science in mind, Viridis offers hex codes that blend seamlessly across devices and vision types.

The Core Viridis HEX Codes and Their Purpose

Viridis is a sequential palette rooted in perceptual uniformity, meaning colors transition smoothly without abrupt shifts. Its hex codes include: #c9f4da (lightest), #b7eb9d, #70a5b1, #4b8c8d, #2d5d45 (darkest). These shades support data depth and clarity in infographics, while maintaining strong contrast for users with color vision deficiencies. Each step offers subtle luminance variation, enhancing readability without overwhelming the eye.

Optimizing Viridis for Design Systems

Designers leverage Viridis hex codes to build accessible interfaces where color encodes data meaningfully. Use #e8f0e4 for mid-range elements, #81a1c1 for secondary info, and #1e5d5a for emphasis. Pair with neutral backgrounds like #f8f9fa to preserve visual hierarchy. The palette ensures consistency across platforms, from web to print, while adhering to WCAG AA/AAA standards for contrast and accessibility.

Creating Custom Viridis Variations

Need unique shades? Extend Viridis by adjusting luminance: darken #c9f4da to #a8d3b7 or lighten #b7eb9d to #e6f0d4. Use tools like color gradient generators to map precise hex transitions. This flexibility lets designers tailor the palette to brand identity while preserving accessibility—perfect for branded dashboards, scientific visuals, or inclusive marketing materials.

Mastering the Viridis color palette hex codes empowers designers to create visually compelling, accessible experiences. With reliable, science-backed colors, every project gains clarity and inclusivity. Start integrating these hex codes today to elevate your design language and ensure your visuals resonate with all audiences.

Viridis Color Palette Generator The matplotlib colormaps introduced in 2015 are widely popular, with implementations of the palettes in R, D3js, and others. Popular for good reason, the palettes are colorblind-friendly, retain representational clarity in greyscale, and are generally aesthetically pleasing. Value viridis returns a character vector, cv, of color hex codes.

This can be used either to create a user-defined color palette for subsequent graphics by palette(cv), a col = specification in graphics functions or in par. Learn how to use the Viridis palette for R, a color scheme designed for visualizations with blues and yellows. See examples, options, and hex codes for Viridis and other palettes.

On many of my images thus far, I have been using the viridis colour palette - Option G (or Mako). I've been using functions to select from the palette, such as scale_fill_viridis_d(option = "G"). However, I'd like to sample from this palette and therefore I'd like to identify the underlying colour codes.

Could anyone tell me how to identify the codes characterising Mako/Option G. So far, the. The above scale_color_viridis_*() functions are built-in ggplot2, and are directly available once the package ggplot2 is loaded.

However, in order to extract color hex codes from the viridis palettes, you need to additionally load the viridis package. Loading.io's color palette collection provides thousands of palette that are all customizable and available in PNG, SVG, JSON and SCSS format, along with handy hex codes for using in websites. Furthermore, You can apply any of these palettes to loading.io's animation libraries including icons, backgrounds, pattern and spinners.

Using Viridis Outside R This web tool allows you to generate hex codes using the viridis palette for any number of categories. The lightest color will always be #FDE725 and the darkest will always be #440154, and the colors in between are found based on the number of categories. The colors generated by this tool are the same ones generated inside of R or Python when using the viridis palette.

Hex color information for #VIRIDIS with the HTML color code, complementary colors, tints, shades, contrast checks, and ready palettes for designers. Viridis paint color hex code is #BBBB97 with RGB color values (187, 187, 151). The color is from the Graham and Brown paints list.

Viridis Color Palette Generator. GitHub Gist: instantly share code, notes, and snippets.

Load Site Average 0,422 sec