Indigo Structure
#2D2B48#5655A7#CDA276#E0DDEF#F5F4FA
Use indigo as the primary action fill and warm sand as a small decorative accent.
Ink on Canvas: 12.38:1. Other pairs need their own check.
Tech Color Palettes with HEX Codes
Use color to clarify actions and information structure before adding visual effects. Dark, light and electric directions all need readable labels and distinct control states.
Loading palettes…
Browse filters
Browse by color, mood, style, or theme. Pick a tag to see matching palettes.
Loading the collection…
Finding palettes for this category.
Adding more palettes...
Adding the next 30 matching palettes.
How to build with tech palettes
Start from the interface workload: navigation, code/data, cards, charts, focus states, and calls to action. Then assign colors to those jobs instead of applying every saturated accent to every interactive element.
Ice Digital
#023E8A#0096C7#48CAE4#ADE8F4#CAF0F8
Use navy as the reading anchor and the pale cyan for large panels. Glass-like treatments need a solid fallback; test the final opacity and background rather than only these solid colors.
Ink on Canvas: 8.42:1. Other pairs need their own check.
Analytics Dark
#0F172A#1E293B#22C55E#38BDF8#F8FAFC
Keep cyan for primary interaction and green for a labeled positive state or distinct data series. Most of the dashboard should remain in the two slate surfaces.
Ink on Canvas: 17.06:1. Other pairs need their own check.
Assign colors to real roles
| Role | Practical direction |
|---|---|
| Product surface | Dark slate or light neutral foundation depending on theme. |
| Primary action | One consistent blue/cyan/violet family. |
| Status/data | Separate hues with labels/icons, not decorative duplication of the primary color. |
| Focus | A clearly visible indicator that works against adjacent surfaces and is not color-only state change. |
Good use cases
- SaaS dashboards where interaction, status, and data colors need distinct jobs.
- Developer tools or AI products using dark surfaces without losing text hierarchy.
- Technical marketing pages that need expressive accents but still hand off to a usable product system.