ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Technology

Smart City IoT Mesh

Urban Internet of Things infrastructure palette linking metropolitan concrete with smart sensor teal.

#Tech#Fresh#Clean#Modern
Open in Generator
COLOR 1
#0F172A
Slate 900
COLOR 2
#0D9488
Dark Cyan
COLOR 3
#14B8A6
Teal 500
COLOR 4
#5EEAD4
Turquoise
COLOR 5
#F0FDFA
Mint Cream

Color Values & Codes

HEX · RGB · HSL
Slate 900
#0F172A
rgb(15, 23, 42)hsl(222, 47%, 11%)Color details →
Dark Cyan
#0D9488
rgb(13, 148, 136)hsl(175, 84%, 32%)Color details →
Teal 500
#14B8A6
rgb(20, 184, 166)hsl(173, 80%, 40%)Color details →
Turquoise
#5EEAD4
rgb(94, 234, 212)hsl(171, 77%, 64%)Color details →
Mint Cream
#F0FDFA
rgb(240, 253, 250)hsl(166, 76%, 97%)Color details →

Open In Design Tools

Palette Generator
Lock & shuffle colors
Contrast Checker
Test WCAG compliance
Shades & Tints
Generate tonal steps
Technology Palettes
Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #0F172A;
  --color-2: #0D9488;
  --color-3: #14B8A6;
  --color-4: #5EEAD4;
  --color-5: #F0FDFA;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text
#0F172A on #5EEAD412.07:1
Normal Text AA Pass
Sample Text
#0F172A on #F0FDFA17.12:1
Normal Text AA Pass
Sample Text
#0D9488 on #5EEAD42.53:1
Large Text Only (Fail)
Sample Text
#0D9488 on #F0FDFA3.59:1
Large Text Only (Pass)
Sample Text
#14B8A6 on #5EEAD41.68:1
Large Text Only (Fail)
Sample Text
#14B8A6 on #F0FDFA2.39:1
Large Text Only (Fail)

Related Palettes in Technology

Explore Technology
#0F172ACopy
#1E293BCopy
#2563EBCopy
#38BDF8Copy
#F8FAFCCopy
cp-featured-01Technology
SaaS Velocity Blue
TechModernCool
#005F73Copy
#0A9396Copy
#94D2BDCopy
#E9D8A6Copy
#EE9B00Copy
cp-featured-13Ocean
Caribbean Reef Shallows
OceanFresh
#314E35Copy
#588157Copy
#A3B18ACopy
#FFE6A7Copy
#DDA15ECopy
cp-featured-18Food
Matcha Yuzu Delight
FoodCleanFresh
#FAFAFACopy
#E4E4E7Copy
#71717ACopy
#3F3F46Copy
#18181BCopy
cp-featured-22Minimal
Nordic Monolith
MinimalCleanModern