Modern Tech Color Palette
This sleek palette of deep charcoal, vibrant blues, and soft sky tones evokes a modern, tech-savvy vibe, blending sophistication with a touch of refreshing clarity.
Practical uses and creative applications
The Modern Tech Color Palette features a striking combination of deep charcoal (#1C1C1C), vibrant blues (#1557FF and #1A73E8), and soft, airy tones (#E3F2FD and #F5F9FF), making it an ideal choice for contemporary branding and web design projects. This palette is perfect for tech startups, software companies, and digital agencies looking to convey a sense of innovation and reliability.
The bold blues evoke trust and professionalism, while the lighter shades provide a refreshing contrast, ensuring that your designs remain approachable and user-friendly. Designers and creatives can utilize the Modern Tech Color Palette in various applications, from sleek website interfaces to eye-catching packaging.
Its versatile colors work harmoniously in both digital and print formats, making it suitable for anything from app design to corporate identity materials. Additionally, the modern aesthetic of this palette lends itself well to interior spaces, especially in tech-centric environments like co-working spaces or innovation labs, where a balance of creativity and functionality is essential.
Whether you're a graphic designer crafting a brand identity or an interior designer aiming to create an inspiring workspace, the Modern Tech Color Palette offers a visually appealing solution that resonates with today's tech-savvy audience. Embrace this palette to elevate your projects, ensuring they reflect a forward-thinking ethos while maintaining an inviting atmosphere.
Tailwind color scales
Browse Tailwind CSS color scales. Copy OKLCH, HEX, or HSL with one click. Preview colors in real UI examples and check contrast for accessibility.
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.798 0.000 89.88) | #bdbdbd | hsl(0, 0%, 74%) |
|
|
| 200 | oklch(0.670 0.000 89.88) | #959595 | hsl(0, 0%, 58%) |
|
|
| 300 | oklch(0.535 0.000 89.88) | #6d6d6d | hsl(0, 0%, 43%) |
|
|
| 400 | oklch(0.387 0.000 89.88) | #444444 | hsl(0, 0%, 27%) |
|
|
| 500 | oklch(0.226 0.000 89.88) | #1c1c1c | hsl(0, 0%, 11%) |
|
|
| 600 | oklch(0.226 0.000 89.88) | #1c1c1c | hsl(0, 0%, 11%) |
|
|
| 700 | oklch(0.222 0.000 89.88) | #1b1b1b | hsl(0, 0%, 11%) |
|
|
| 800 | oklch(0.222 0.000 89.88) | #1b1b1b | hsl(0, 0%, 11%) |
|
|
| 900 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
| 50 | oklch(0.890 0.053 268.94) | #ccdaff | hsl(224, 100%, 90%) |
|
|
| 100 | oklch(0.812 0.094 267.58) | #a7c0ff | hsl(223, 100%, 83%) |
|
|
| 200 | oklch(0.737 0.135 266.81) | #83a6ff | hsl(223, 100%, 76%) |
|
|
| 300 | oklch(0.664 0.178 265.45) | #5e8cff | hsl(223, 100%, 68%) |
|
|
| 400 | oklch(0.595 0.219 264.52) | #3a71ff | hsl(223, 100%, 61%) |
|
|
| 500 | oklch(0.539 0.256 263.59) | #1557ff | hsl(223, 100%, 54%) |
|
|
| 600 | oklch(0.477 0.253 263.45) | #0041e7 | hsl(223, 100%, 45%) |
|
|
| 700 | oklch(0.408 0.213 263.34) | #0034ba | hsl(223, 100%, 36%) |
|
|
| 800 | oklch(0.337 0.171 263.03) | #00288d | hsl(223, 100%, 28%) |
|
|
| 900 | oklch(0.262 0.126 262.53) | #001b60 | hsl(223, 100%, 19%) |
|
|
| 950 | oklch(0.181 0.077 260.83) | #000e33 | hsl(224, 100%, 10%) |
|
| 50 | oklch(0.910 0.037 254.57) | #d1e3fa | hsl(214, 80%, 90%) |
|
|
| 100 | oklch(0.837 0.070 255.90) | #acccf7 | hsl(214, 82%, 82%) |
|
|
| 200 | oklch(0.767 0.101 255.72) | #88b6f3 | hsl(214, 82%, 74%) |
|
|
| 300 | oklch(0.699 0.133 255.50) | #63a0ef | hsl(214, 81%, 66%) |
|
|
| 400 | oklch(0.633 0.166 256.72) | #3f89ec | hsl(214, 82%, 59%) |
|
|
| 500 | oklch(0.574 0.195 257.86) | #1a73e8 | hsl(214, 82%, 51%) |
|
|
| 600 | oklch(0.506 0.173 258.02) | #1460c5 | hsl(214, 82%, 43%) |
|
|
| 700 | oklch(0.436 0.145 257.63) | #104e9f | hsl(214, 82%, 34%) |
|
|
| 800 | oklch(0.362 0.118 257.76) | #0c3b7a | hsl(214, 82%, 26%) |
|
|
| 900 | oklch(0.285 0.087 256.94) | #082954 | hsl(214, 83%, 18%) |
|
|
| 950 | oklch(0.204 0.052 255.04) | #05172e | hsl(214, 80%, 10%) |
|
| 50 | oklch(0.921 0.038 239.61) | #cfe9fc | hsl(205, 88%, 90%) |
|
|
| 100 | oklch(0.928 0.034 238.68) | #d3ebfc | hsl(205, 87%, 91%) |
|
|
| 200 | oklch(0.934 0.031 237.55) | #d7edfc | hsl(204, 86%, 92%) |
|
|
| 300 | oklch(0.939 0.028 239.66) | #dbeefc | hsl(205, 85%, 92%) |
|
|
| 400 | oklch(0.946 0.025 240.66) | #dff0fd | hsl(206, 88%, 93%) |
|
|
| 500 | oklch(0.953 0.022 239.43) | #e3f2fd | hsl(205, 87%, 94%) |
|
|
| 600 | oklch(0.824 0.084 240.50) | #93cdf7 | hsl(205, 86%, 77%) |
|
|
| 700 | oklch(0.706 0.143 244.23) | #43a8f2 | hsl(205, 87%, 61%) |
|
|
| 800 | oklch(0.580 0.154 248.63) | #0f7ed0 | hsl(205, 87%, 44%) |
|
|
| 900 | oklch(0.413 0.104 247.34) | #094e80 | hsl(205, 87%, 27%) |
|
|
| 950 | oklch(0.222 0.049 243.64) | #031d30 | hsl(205, 88%, 10%) |
|
| 50 | oklch(0.902 0.048 259.10) | #cce0ff | hsl(216, 100%, 90%) |
|
|
| 100 | oklch(0.917 0.040 258.81) | #d4e5ff | hsl(216, 100%, 92%) |
|
|
| 200 | oklch(0.933 0.032 258.37) | #dceaff | hsl(216, 100%, 93%) |
|
|
| 300 | oklch(0.949 0.024 259.82) | #e5efff | hsl(217, 100%, 95%) |
|
|
| 400 | oklch(0.965 0.017 259.42) | #edf4ff | hsl(217, 100%, 96%) |
|
|
| 500 | oklch(0.981 0.009 258.34) | #f5f9ff | hsl(216, 100%, 98%) |
|
|
| 600 | oklch(0.810 0.096 258.32) | #9bc3ff | hsl(216, 100%, 80%) |
|
|
| 700 | oklch(0.654 0.185 258.58) | #418dff | hsl(216, 100%, 63%) |
|
|
| 800 | oklch(0.524 0.223 260.77) | #005ce7 | hsl(216, 100%, 45%) |
|
|
| 900 | oklch(0.369 0.151 260.03) | #00388d | hsl(216, 100%, 28%) |
|
|
| 950 | oklch(0.197 0.068 256.39) | #001433 | hsl(216, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
