An interactive colour sampler for the avid designer. Choose from 11 palettes from popular UI frameworks and developer themes.
Palette
Colour Map
Yellow
Green
Cyan
Blue
Magenta
#FF0000
rgb(255, 0, 0)
Colour Palettes
Colours are sampled uniformly from 11 curated palettes spanning popular UI frameworks and developer themes. The number of colour options provided here is given in parentheses.
Nord (16)
Inspired by Arctic landscapes, Nord is a popular developer theme with muted blues and soft accents. Designed for long coding sessions with minimal eye strain.
Tailwind CSS (18)
The default palette from Tailwind CSS, the utility-first framework used by millions of developers. These 500-shade colours strike a balance between vibrancy and readability.
Material Design (19)
Google’s Material Design colour system powers Android, Gmail, and countless web apps. The 500-weight set provides the primary accent for each hue family.
D3 Category (10)
The go-to qualitative palette for data visualisation, shipped with D3.js. Ten maximally distinct colours designed for scatter plots, bar charts, and dashboards.
Dracula (11)
One of the most popular dark themes across code editors, terminals, and apps. Its saturated pastels on a dark background are instantly recognisable.
Solarized (16)
Ethan Schoonover’s precision-crafted palette with fixed CIELAB lightness relationships. A cult favourite since 2011, used in both light and dark variants.
Seaborn Deep (10)
A rich qualitative palette from Seaborn, which is a popular Python statistical plotting library built on Matplotlib. Optimised for clear contrast in scientific figures.
Seaborn Muted (10)
A softer take on Seaborn’s colour cycle, which is ideal for publications, dashboards, and presentations where visual comfort and subtlety are preferred over high contrast.
Seaborn Pastel (10)
Light, airy tones from Seaborn designed for clarity in layered visualisations. They work especially well in charts with overlapping areas, helping maintain legibility without overwhelming the viewer.
Chakra UI (30)
The default theme colors from the Chakra UI React component library, using shades 200, 400, and 600 for balanced contrast and consistency. My website is built with Chakra UI. ❤️
CSS Named (148)
All 148 named colours defined in the W3C CSS specification, from AliceBlue to YellowGreen. The standard colour vocabulary of the web since CSS 2.1.