Data Visualization Smoked Harbour
390Data Visualization Smoked Harbour color palette using #cdc9e6, #a7f199, #da8051, #80418c, #2f5975.
By Use Case
Data Visualization Color Palettes
Categorical palettes that remain distinguishable for colour-blind viewers. Its main colours include seafoam (#bfeeb2), baby pink (#eaa6a7), lilac (#ac92e2), slate blue (#7369d9), emerald (#5dcf3d), built as a tetradic set around 200° on the colour wheel. Hex and RGB values for each swatch are listed below for quick copy.
Data Visualization color palette hex codes
Main data visualization colours with named swatches, HEX and RGB. Derived from this tag's hue (200°), saturation (62%) and tetradic scheme.
| Swatch | Name | HEX | RGB | Copy |
|---|---|---|---|---|
| Seafoam swatch | Seafoam | #bfeeb2 | rgb(191, 238, 178) | |
| Baby Pink swatch | Baby Pink | #eaa6a7 | rgb(234, 166, 167) | |
| Lilac swatch | Lilac | #ac92e2 | rgb(172, 146, 226) | |
| Slate Blue swatch | Slate Blue | #7369d9 | rgb(115, 105, 217) | |
| Emerald swatch | Emerald | #5dcf3d | rgb(93, 207, 61) | |
| Chestnut swatch | Chestnut | #a75625 | rgb(167, 86, 37) | |
| Grape swatch | Grape | #821c94 | rgb(130, 28, 148) | |
| Pine swatch | Pine | #205f83 | rgb(32, 95, 131) |
Data Visualization color palettes
Data Visualization Antique Linen
288Data Visualization Antique Linen color palette using #cdc8f2, #b4dca9, #b88063, #813996, #235c7d.
Data Visualization Muted Studio
282Data Visualization Muted Studio color palette using #b8b0f5, #a2ec8f, #d87a40, #883695, #275875.
Data Visualization Faded Studio
263Data Visualization Faded Studio color palette using #b7adf2, #b3eea1, #c67758, #8e1aaa, #224e69.
Data Visualization Deep Terrace
245Data Visualization Deep Terrace color palette using #d2d0ea, #aeeda0, #c27457, #8a19a5, #185576.
Data Visualization Muted Ember
214Data Visualization Muted Ember color palette using #c5c4ea, #b1e2ab, #e26b3a, #822d91, #2b5971.
Data Visualization Velvet Alcove
214Data Visualization Velvet Alcove color palette using #c0bbeb, #a9d69e, #c87e51, #79328c, #0f5988.
Data Visualization Smoked Prairie
159Data Visualization Smoked Prairie color palette using #c4bff0, #a4e094, #ec703e, #9424a7, #116392.
Data Visualization Antique Morning
149Data Visualization Antique Morning color palette using #b8b5ea, #a3e690, #db7347, #a518ba, #325b6e.
Data Visualization Washed Terrace
145Data Visualization Washed Terrace color palette using #c2bde5, #aae29d, #df7f40, #853e90, #1a5b7c.
Data Visualization Smoked Terrace
139Data Visualization Smoked Terrace color palette using #c6c6e7, #b5d8ac, #cd7846, #7e3888, #1b6488.
Data Visualization Deep Signal
131Data Visualization Deep Signal color palette using #c5c2f6, #aee49f, #e6793e, #8c22a5, #1d5772.
Data Visualization Soft Prairie
123Data Visualization Soft Prairie color palette using #b5acf3, #b0efa0, #db7a56, #88309e, #105c7c.
Data Visualization Golden Drift
108Data Visualization Golden Drift color palette using #c7bef6, #abd89e, #cd6e47, #7d3485, #2c5266.
Data Visualization Antique Harbour
106Data Visualization Antique Harbour color palette using #afa9f6, #a7eb9a, #c88268, #8c15a6, #2c5c73.
Data Visualization Quiet Alcove
94Data Visualization Quiet Alcove color palette using #b8aff1, #aadfa2, #dc703a, #8f1ba6, #0e5882.
Data Visualization Soft Current
80Data Visualization Soft Current color palette using #b9b2ef, #b1dfa7, #e96730, #813a89, #135d7a.
Data Visualization Frosted Morning
72Data Visualization Frosted Morning color palette using #c6c5f4, #aad79f, #d0774e, #9f1cb4, #325e70.
Data Visualization Electric Morning
71Data Visualization Electric Morning color palette using #cbc3f8, #aae4a3, #e16c33, #8e359d, #31566c.
Data Visualization Dusty Alcove
60Data Visualization Dusty Alcove color palette using #d0cceb, #b0ddab, #cb8162, #931cac, #0e5b85.
Data Visualization Wild Studio
59Data Visualization Wild Studio color palette using #c4c1e6, #96ed87, #d58459, #7c2c8c, #295e7d.
Data Visualization Deep Alcove
46Data Visualization Deep Alcove color palette using #d1cdeb, #a5ef90, #db7245, #7c3e8c, #0d6281.
Data Visualization Soft Alcove
34Data Visualization Soft Alcove color palette using #cbc6ec, #97ed88, #cb8866, #9113b2, #0d617f.
Data Visualization Faded Archive
21Data Visualization Faded Archive color palette using #c1bdf4, #a9daa2, #d37046, #8d199d, #135878.
About data visualization color palettes
Categorical palettes that remain distinguishable for colour-blind viewers. This page collects 24 data visualization color palettes, each one generated and then filtered so that every scheme is actually usable in a real design rather than just pleasant to look at.
Most data visualization schemes anchor somewhere around verdigris (#4da8d5), a cool hue sitting near 200 degrees on the color wheel at roughly 62% saturation. The palettes below span a lightness range of about 54 points, which is wide enough to give you a background, a mid-tone and a text color from the same set. Two complementary pairs, giving you the widest range of usable accents.
For data visualization work, start by locking the two colours that carry the most surface area, then choose accents that clear a 4.5:1 contrast ratio against them. Anything that fails that test should be decorative only, never a button or a label.
Need something more specific? Generate a custom scheme with the AI color palette generator or extract one from a photo with the color palette from image tool.
Related color palette collections
Data Visualization color palette FAQ
What colors are in a data visualization color palette?
A typical data visualization palette combines seafoam (#bfeeb2), baby pink (#eaa6a7), lilac (#ac92e2) and supporting tones. Categorical palettes that remain distinguishable for colour-blind viewers.
What are the hex codes for data visualization?
Data Visualization is a colour family rather than a single value. The main hex codes on this page are #bfeeb2, #eaa6a7, #ac92e2, #7369d9, #5dcf3d, #a75625, #821c94, #205f83, centred near #4da8d5. Copy any value from the table above.
How do I use a data visualization color palette in my design?
Assign the lightest swatch to backgrounds, the darkest to text, and use the remaining colours for accents and states. Copy the palette as CSS variables or a Tailwind theme from any palette page so the tokens stay consistent across your project.
Are these data visualization palettes free to use?
Yes. All 24 palettes on this page are free for personal and commercial work, with no attribution and no account required. You can also type "data visualization" into the AI color palette generator to build a fresh scheme in the same range.