Tech color palettes
Screen-ready blues, cyans and near-blacks for dashboards, apps and developer tools. 34 palettes, each with HEX codes.
- Sensor Node
- Vector Grid
- Launch Report
- Ultraviolet Boot
- Static City
- Vector and Kernel
- Flow Workspace
- Signal and Vector
- Mint Roadmap
- Synth Boot
- Chrome Pulse
- Circuit Dashboard
- Static Signal
- Binary Runtime
- Packet Interface
- Metric Cloud
- Insight and Metric
- Studio Roadmap
- Sensor Render
- Flow Sprint
- Binary Uplink
- Vector Dashboard
- Sensor Grid
- Laser and Synth
- Product Roadmap
- Packet Console
- Pixel Dashboard
- Teal Release
- Sensor Stack
- Launch Sprint
- Flow Pipeline
- Static Arcade
- Static Mainframe
- Glitch and Grid
Most common colors in tech color palettes
Screen-ready blues, cyans and near-blacks for dashboards, apps and developer tools. Across all 34 tech palettes here, these named colors come up most often. Each links to its hex, RGB and OKLCH values and the colors that go with it.
- Rich Black#0D1B2Ain 8 palettes
- Lavender#E6E6FAin 7 palettes
- Charcoal#264653in 6 palettes
- Dark#1B2431in 6 palettes
- Ice#D6FFFAin 6 palettes
- Jet#212529in 6 palettes
- Celeste#A8DADCin 5 palettes
- Chefchaouen Blue#4895EFin 5 palettes
- Cultured#F8F9FAin 5 palettes
- Dark Cyan#008B8Bin 5 palettes
- Robin Egg Blue#8AF1FEin 5 palettes
- Turquoise Blue#06B1C4in 5 palettes
Tech color palette hex codes
| Palette | Hex codes |
|---|---|
| Sensor Node | #0B1020 #1E2A4D #2D5BFF #4DA3FF #00D1FF #E6EDFF |
| Vector Grid | #00233E #005493 #3386DC #8EC0FF #F5F9FF |
| Launch Report | #0B2B33 #1A8A8C #E36414 #F2FBF9 |
| Ultraviolet Boot | #0A0F0D #0E2A1F #7C5CFF #00FF9C |
| Static City | #0A0F0D #0E2A1F #7C5CFF #D7FFE8 |
| Vector and Kernel | #121A33 #1B58B4 #4DA3FF #C7CAD8 #8AF3FF |
| Flow Workspace | #071F23 #0F4C5C #AF502B #1A8A8C #F2FBF9 |
| Signal and Vector | #121A33 #314363 #4893F2 #00D1FF #E6EDFF |
Click a palette for its RGB, HSL and OKLCH values, contrast pairs, color-blindness preview and exports for CSS, Tailwind and Figma.
How to use a tech color palette
- Start from one palette that already feels like tech, then adjust single colors in the generator rather than mixing palettes.
- Give each color a job: background, text, primary action and highlight.
- Keep one neutral (off-white, sand or charcoal) to rest the eye between stronger colors.
- Check that your main text color reaches 4.5:1 contrast on its background.
Frequently asked questions
What colors are in a tech color palette?
The colors used most across these tech palettes are Rich Black, Lavender, Charcoal, Dark, Ice and Jet. Screen-ready blues, cyans and near-blacks for dashboards, apps and developer tools.
How many tech color palettes are there?
There are 34 curated tech palettes on this page, each with hex codes and free exports.
Can I edit a tech palette?
Yes. Open any palette in the palette generator to lock, adjust or replace colors, check contrast and export to CSS, Tailwind, Figma or Adobe swatches.