ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/App UI

Logistics Orange Route

High-visibility dispatch and supply chain management UI palette featuring energetic safety orange indicators.

#App UI#Modern#UI#Bold#Warm
Open in Generator
COLOR 1
#1E293B
Slate 800
COLOR 2
#334155
Slate 700
COLOR 3
#EA580C
Mid-Century Orange
COLOR 4
#FB923C
Ripe Papaya
COLOR 5
#FFF7ED
Floral White

Color Values & Codes

HEX · RGB · HSL
Slate 800
#1E293B
rgb(30, 41, 59)hsl(217, 33%, 17%)Color details →
Slate 700
#334155
rgb(51, 65, 85)hsl(215, 25%, 27%)Color details →
rgb(234, 88, 12)hsl(21, 90%, 48%)Color details →
rgb(251, 146, 60)hsl(27, 96%, 61%)Color details →
rgb(255, 247, 237)hsl(33, 100%, 96%)Color details →

Open In Design Tools

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

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #1E293B;
  --color-2: #334155;
  --color-3: #EA580C;
  --color-4: #FB923C;
  --color-5: #FFF7ED;
}

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
#1E293B on #FB923C6.46:1
Normal Text AA Pass
Sample Text
#1E293B on #FFF7ED13.78:1
Normal Text AA Pass
Sample Text
#334155 on #FB923C4.58:1
Normal Text AA Pass
Sample Text
#334155 on #FFF7ED9.75:1
Normal Text AA Pass
Sample Text
#EA580C on #FB923C1.57:1
Large Text Only (Fail)
Sample Text
#EA580C on #FFF7ED3.35:1
Large Text Only (Pass)

Related Palettes in App UI

Explore App UI
#0F172ACopy
#1E293BCopy
#2563EBCopy
#38BDF8Copy
#F8FAFCCopy
cp-featured-01Technology
SaaS Velocity Blue
TechModernCool
#2B0938Copy
#6A0572Copy
#AB2E64Copy
#D85A52Copy
#F9A03FCopy
cp-featured-02Sunset
Malibu Dusk Glow
SunsetGradientCreative
#E76F51Copy
#F4A261Copy
#E9C46ACopy
#2A9D8FCopy
#264653Copy
cp-featured-03Vintage
1970s California Sun
VintageRetroWarm
#180F33Copy
#491F79Copy
#7C3AEDCopy
#A78BFACopy
#F5F3FFCopy
cp-featured-05App UI
Fluid iOS Violet
App UICreative