ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Technology

Autonomous Vehicle LiDAR

Autonomous navigation telemetry palette featuring sensor amber warnings and slate infrastructure.

#Tech#Futuristic#Modern#Clean
Open in Generator
COLOR 1
#0F172A
Slate 900
COLOR 2
#1E293B
Slate 800
COLOR 3
#F59E0B
Amber 500
COLOR 4
#FBBF24
Yellow 500
COLOR 5
#F8FAFC
Slate 50

Color Values & Codes

HEX · RGB · HSL
Slate 900
#0F172A
rgb(15, 23, 42)hsl(222, 47%, 11%)Color details →
Slate 800
#1E293B
rgb(30, 41, 59)hsl(217, 33%, 17%)Color details →
Amber 500
#F59E0B
rgb(245, 158, 11)hsl(38, 92%, 50%)Color details →
Yellow 500
#FBBF24
rgb(251, 191, 36)hsl(43, 96%, 56%)Color details →
Slate 50
#F8FAFC
rgb(248, 250, 252)hsl(210, 40%, 98%)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: #1E293B;
  --color-3: #F59E0B;
  --color-4: #FBBF24;
  --color-5: #F8FAFC;
}

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 #FBBF2410.69:1
Normal Text AA Pass
Sample Text
#0F172A on #F8FAFC17.06:1
Normal Text AA Pass
Sample Text
#1E293B on #FBBF248.76:1
Normal Text AA Pass
Sample Text
#1E293B on #F8FAFC13.98:1
Normal Text AA Pass
Sample Text
#F59E0B on #FBBF241.29:1
Large Text Only (Fail)
Sample Text
#F59E0B on #F8FAFC2.05:1
Large Text Only (Fail)

Related Palettes in Technology

Explore Technology
#0F172ACopy
#1E293BCopy
#2563EBCopy
#38BDF8Copy
#F8FAFCCopy
cp-featured-01Technology
SaaS Velocity Blue
TechModernCool
#050505Copy
#00FF66Copy
#00F0FFCopy
#FF0055Copy
#FFE600Copy
cp-featured-04Gaming
Cyber Glitch Protocol
GamingFuturisticNeon
#314E35Copy
#588157Copy
#A3B18ACopy
#FFE6A7Copy
#DDA15ECopy
cp-featured-18Food
Matcha Yuzu Delight
FoodCleanFresh
#FAFAFACopy
#E4E4E7Copy
#71717ACopy
#3F3F46Copy
#18181BCopy
cp-featured-22Minimal
Nordic Monolith
MinimalCleanModern