Collection detail
Data Viz: Sequential Teal
Check these colors together: contrast, harmony, color-blind view →Tap a color to copy its HEX
Sequential color palette for quantitative data visualization using the teal-to-navy range. Designed with perceptual uniformity in mind: each step reads as a clear increase in value from the lightest end to the darkest. The teal-to-navy range works well for both light-background and dark-background chart contexts, and the hue range is distinguishable by most types of color vision deficiency. Suitable for choropleth maps, heatmaps, and single-variable quantitative charts.
Sequential teal palette for quantitative data visualization. Each step is a clear perceptual increase in value. Works on light and dark chart backgrounds. Distinguishable under common color vision deficiency types.
Data VisualizationInformation DesignSequentialCharts
Why this set works
A perceptually sequential teal palette for data visualization — from near-white through medium teal to deep navy, designed for quantitative color encoding.
Choropleth maps
Heatmaps
Quantitative chart color scales
Prompt words
sequential color scale data visualization tealchoropleth map color palette tealdata viz quantitative color encoding teal navy
Palette
Each swatch links back to its individual archive detail page.
More collections like this
Browse collections →Take this palette further
Ready-made tokens for Data Viz: Sequential Teal
Copy the HEX, CSS and Tailwind on this page any time. The ZIP and dark-mode tokens count toward the free 3 exports a day (10 when signed in); Pro removes that cap on every export, including Figma tokens and Procreate swatches in the palette builder.
Upgrade path
From collection to Pro
This collection proves the taste and color direction. Pro removes the daily export cap on every token format, so the palette can move from reference to implementation without rationing.
| Layer | What you have here | What Pro adds |
|---|---|---|
| Scope | One curated palette of 5 colors. | The same palettes, with no daily export cap anywhere on the site. |
| Output | HEX, CSS and Tailwind to copy any time. The ZIP and dark-mode tokens count toward the site's free exports: 3 a day, 10 when signed in. | No daily limit on any export: this ZIP (CSS, Tailwind, JSON, SCSS), the dark-mode tokens, and Figma tokens and Procreate swatches in the palette builder. |
| Use case | Direction finding, inspiration, and public proof. | Real project handoff, implementation, and reusable production assets. |